display:
Tento kaskádový styl se používá pro zadání jakým způsobem se bude zobrazovat objekt. V současnosti v prohlížečích nové hodnoty stanovené v standardu CSS 2 nejsou podporovány.
Hodnoty - CSS 1:
block: zobrazení jako blok (box, kontejner), téměř všechny HTML tágy, standardní hodnota v CSS 1
inline: přiměje, aby objekt tvořil jeden nebo více vložených bloků (boxů), standardní hodnota v CSS 2
list-item: tvoří odrážku (list-item) ve vloženém bloku (boxu), elementy OL, UL. Prohlížeč Internet Explorer podporuje tuto hodnotu od verze 6.0
none: žádný, není tvořen žádný blok (box), LI, DT, DD
Hodnoty - CSS 2:
inline-block: přiměje, aby objekt tvořil jeden vložený blok (box) v řádku. Tato hodnota je podporována jen v Internet Exploreru od verze 5.5
inline-table: definuje obdélníkový blok, který je součásti (inline) blokového formátovacího kontextu. Podobnost s HTML tágem TABLE
marker: vytvoření obsahu a vložení před nebo za, použití vždy ve spojení s pseudo-třídou :after a :before
run-in: vytvoří jeden blok nebo vkládané bloky v závislosti na kontextu, tyto bloky jsou kompaktnější. HTML tágy OL, UL, DL.
table: definuje obdélníkový blok, který je součásti blokového formátovacího kontextu. Podobnost s HTML tágem TABLE
table-caption: zadává nadpis (popisek) tabulky. Podobnost s HTML tágem CAPTION
table-cell: zadává buňky v řádku tabulky. Podobnost s HTML tágem TD a TH
table-column: zadává skupinu sloupců. Podobnost s HTML tágem COL
table-column-group: zadává skupinu sloupců. Podobnost s HTML tágem COLGROUP
table-footer-group: zadává skupinu řádků, které tvoří patičku tabulky. Podobnost s HTML tágem TFOOT. Podpora v Internet Exploreru od verze 5.5
table-header-group: zadává skupinu řádků, které tvoří hlavičku tabulky. Podobnost s HTML tágem THEAD. Podpora v Internet Exploreru od verze 5.5
table-row: definuje obdélníkový blok, který tvoří řádek v tabulce. Podobnost s HTML tágem TR
table-row-group: zadává skupinu řádků, které tvoří tělo tabulky. Podobnost s HTML tágem TBODY
Příklad:
P { display: block; } B { display: inline; } OL { display: list-item; } IMG { display: none; } TABLE { display: table; } CAPTION { display: table-caption; } COL{ display: table-column; } COLGROUP { display: table-column-group; } TBODY { display: table-row-group; } TD, TH { display: table-cell; } TFOOT { display: table-footer-group; } THEAD { display: table-header-group; } TR { display: table-row; }