CSS12.1 I.E.4.05.05.56.0

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; 
}