display

Določi kako bo element prikazan na strani.

CSS model tabele je zgrajen na osnovi HTML v katerem je struktura tabele zelo blizu vizualnemu izgledu tabele. V tem modelu je tabela sestavljena iz naslova in kakršnegakoli števila vrstic stolpcev. Vrstice in stolpci so lahko združeni v skupine in to združevanje je lahko vidno npr. pri okvirjih, ki so skupni neki skupini celic.

Torej je table model sestavljen iz tabel, napisov, vrstic, skupin vrstic, stolpcev, skupin stolpcev in celic.

Model CSS ne zahteva, da dokumentov jezik podpira vsako izmed teh komponent prikaza. Za dokumentne jezike (kot so XML), ki nimajo pred-definiranih elementov tabel, morajo avtorji prirediti elemente elementom tabel; to storijo z lastnostjo display.

vrednost	opis	NN	IE	CSS
none	Element ne bo viden in ne bo zasedal prostora v dokumentu	4	4	1
block	Blokovni prikaz je privzet. Element se obravnava kot dvorazsežnostni prostor, npr. s presledkom pred ali za elementom (blokovni element je npr. odstavek).	6	4	1
inline	Element je prikazan v vrstici. Torej nima nadzora nad prostorom okoli sebe. (takšen element je img).	6	4	1
inline-block	Ta vrednost generira elementu blok, ki je sam postavljen v vrstico. Znotraj samega elementa, se element oblikuje kot blok, na zunaj pa kot del vrstice.	7	5	2.1
list-item	Element je sestavni del seznama. Vsak element ima lahko tudi svojo oznako (npr. krogec ali številko) (takšen element je npr. li).	-	4	1
inline-table	Vrstični element nima nadzora nad prostorom okoli tabele.	-	-	2
run-in	Označuje element, ki bo blokovni ali vrstični glede na vsebovanost.	-	-	2
table	Element bo prikazan kot kot blokovna tabela (kot v HTML: table).	6	-	2
table-caption	Element bo prikazan kot naslov tabele (kot v HTML: caption).	6	-	2
marker	Označuje oznako pred ali za elementom. Uporablja s psevdo elementoma `:after` in `:before`.	-	-	2
table-cell	Element bo prikazan kot celica v tabeli (kot v HTML: td).	-	-	2
table-column	Vrednost table-column določa prikaz elementa, kot stolpec celic (kot v HTML: col)	6	-	2
table-column-group	Element bo prikazan kot skupina stolpcev tabele (kot v HTML: colgroup).	6	-	2
table-footer-group	Element bo prikazan kot skupina noge tabele (kot v HTML: tfoot).	6	4	2
table-header-group	Element bo prikazan kot skupina glave tabele (kot v HTML: thead).	6	4	2
table-row	Element bo prikazan kot vrstica tabele (kot v HTML: tr).	6	-	2
table-row-group	Element bo prikazan kot skupina vrstic tabele.	6	-	2

Primeri

p { display: block }
em { display: inline }
li { display: list-item }
img { display: none }      /* slika ne bo vidna */

→ Primer spremembe blokovnega elementa v vrstičnega
→ Primer spremembe vrstičnega elementa v blokovnega
→ Primer skrivanja elementa

Gor e-gradiva CSS primeri cursor float

SERŠ Maribor : Strokovna gimnazija : 2004 : Darijan Isa

e-gradiva	HTML	CSS	JavaScript	Načrtovanje

			SERŠ Maribor		Iskanje	Primeri