Tillbaka till dokumentationen
Sektion
En generell behållare som passar för många olika typer av layouter. Den använder sig mestadels av Flexbox.
Information
Plan: Personal
Egenskaper
| Egenskap | Typ | Standard |
|---|---|---|
| Bredd | textsträng | "100%" |
| Minsta bredd | textsträng | "auto" |
| Största bredd | textsträng | "none" |
| Höjd | textsträng | "auto" |
| Minsta höjd | textsträng | "auto" |
| Största höjd | textsträng | "none" |
| Bildförhållande | textsträng | "auto" |
| Flexbox-växbarhet | textsträng | "0" |
| Flexbox-krympbarhet | textsträng | "1" |
| Överflöd | uppräkning<textsträng> | "visible" |
| Flexbox-riktning | uppräkning<textsträng> | "column" |
| Flexbox-svep | uppräkning<textsträng> | "nowrap" |
| Align content | uppräkning<textsträng> | "normal" |
| Justera element längs tväraxeln | uppräkning<textsträng> | "stretch" |
| Justera element längs huvudaxeln | uppräkning<textsträng> | "stretch" |
| Justera sig själv längs tväraxeln | uppräkning<textsträng> | "auto" |
| Justera sig själv längs huvudaxeln | uppräkning<textsträng> | "auto" |
| Mellanrum | textsträng | "1rem" |
| Grid template columns | textsträng | "none" |
| Grid template rows | textsträng | "none" |
| Grid template areas | textsträng | "none" |
| Justify items | uppräkning<textsträng> | "legacy" |
| Marginal | textsträng | "0px" |
| Marginal topp | textsträng | "" |
| Marginal höger | textsträng | "" |
| Marginal botten | textsträng | "" |
| Marginal vänster | textsträng | "" |
| Vaddering | textsträng | "clamp(1rem, 3vw, 4rem)" |
| Vaddering topp | textsträng | "" |
| Vaddering höger | textsträng | "" |
| Vaddering botten | textsträng | "" |
| Vaddering vänster | textsträng | "" |
| Visningsläge | uppräkning<textsträng> | "flex" |
| Position | uppräkning<textsträng> | "relative" |
| Topp | textsträng | "auto" |
| Höger | textsträng | "auto" |
| Botten | textsträng | "auto" |
| Vänster | textsträng | "auto" |
| Z-index | textsträng | "auto" |
| Transformation | textsträng | "none" |
| Transformations-ursprung | textsträng | "50% 50% 0" |
| Container type | textsträng | "normal" |
| Bakgrundsfärg | textsträng | "initial" |
| Bakgrund | textsträng | "none" |
| Bakgrundsbild | textsträng | "initial" |
| Bakgrundsstorlek | textsträng | "initial" |
| Bakgrundsposition | textsträng | "initial" |
| Bakgrundsrepetering | textsträng | "initial" |
| Bakgrundsblandningsläge | textsträng | "initial" |
| Boxskugga | textsträng | "none" |
| Opacitet | textsträng | "1" |
| Bakgrundsfilter | textsträng | "none" |
| Markör | textsträng | "auto" |
| Bårdbredd | textsträng | "0px" |
| Bårdbredd - Topp | textsträng | "initial" |
| Bårdbredd - Höger | textsträng | "initial" |
| Bårdbredd - Botten | textsträng | "initial" |
| Bårdbredd - Vänster | textsträng | "initial" |
| Bårdfärg | textsträng | "transparent" |
| Bårdradie | textsträng | "0px" |
| Element | uppräkning<textsträng> | "div" |
| Font family | textsträng | "inherit" |
| Fontstorlek | textsträng | "inherit" |
| Fontvikt | textsträng | "inherit" |
| Font style | textsträng | "inherit" |
| Radhöjd | textsträng | "inherit" |
| Textdekoration | textsträng | "none" |
| Färg | textsträng | "inherit" |
| Textskugga | textsträng | "none" |
| Textjustering | uppräkning<textsträng> | "inherit" |
| Är synlig | boolesk | true |
| Selektorer | lista | [] |