CSS displej * Typ displeje

CSS displej

dědičný: Nein

display block | inline | run-in
průtok | flow-root | stůl | flex | mřížka | ruby | podmřížce
list-item | list-item block | list-item tok | seznam-položka flow-root | seznam-položka blokovat tok | seznam-položka blokovat tok-root | průtok seznam-položka blok.
table-row-group | table-header-group | table-footer-group | table-row | table-cell | table-column-group | tabulka-sloupec | table-caption | ruby-base | ruby-text | ruby-base-kontejner | ruby-text-kontejner
obsah | nic
inline-block | inline-list-item | inline-table | inline-flex | inline-grid
blok stellt ein Element als Blockelement oder – box, který vytvoří konec řádku před a za prvkem. flex představuje prvek jako blokový prvek A flex kontejner. flow-kořen by mohl být konec clearfix: po bloku se zobrazí: flow-kořen, další blok musí jít na okraj, i když prvek s float:left nebo float-právo je v tomto bloku. grid vytváří mřížku rozvržení, ve které mohou být prvky umístěny v libovolné poloze bez ohledu na pořadí obsahu (podporováno IE10, IE11 a Edge pouze v omezené staré syntaxi). inline-flex představuje prvek jako inline prvek A flex kontejner. inline je výchozí a představuje prvek jako inline prvek. Vložené prvky nevedou k přerušení řádku před a za prvkem. Jinými slovy, prvek je zobrazen ve stejném řádku. inline-block vytvoří pole, které „proudí“ uvnitř inlineboxu. inline tabulka představuje tabulku jako vložený prvek nebo rámeček, který nevede k přerušení řádku před a za tabulkou. seznam-položka představuje položku jako seznam. Každému prvku může předcházet volitelná položka seznamu, jako je vyplněný kruh, který lze také nahradit obrázkem, ikonou nebo symbolem.
Elegantní alternativa k:: before marker přiřadí značku obsahu před nebo po prvku pole. marker se používá společně s pseudo-elementy: after a: before (display:marker pro CSS triky) none potlačuje zobrazení prvků. Pokud zobrazení: žádné neplatí, prohlížeč musí ignorovat všechny pokyny k polohování (pozice I float) a negeneruje pole pro prvek. run-in představuje prvek jako blok nebo vložený prvek, v závislosti na kontextu. tabulka představuje prvek jako blokový prvek. titulek tabulky představuje prvek jako titulek tabulky. table-cell představuje prvek, jako by to byla buňka tabulky (td). tabulka-sloupec představuje prvek, jako by to byl sloupec tabulky (col). tabulka-sloupec-skupina představuje prvek, jako by to byla skupina sloupců tabulky (colgroup). tabulka-zápatí-skupina představuje prvek, jako by to byla skupina poznámek pod čarou tabulky(zápatí tabulky). table-header-group představuje prvek, jako by to byla skupina záhlaví tabulky. tabulka-row představuje prvek, jako by to byl řádek tabulky(řádek tabulky). tabulka-row-group představuje prvek, jako by to byla skupina řádků tabulky(řádek tabulky).