vertical-align

Določa navpično poravnavo elementov znotraj elementa, v katerem je vsebovan.

vrednost	opis	NN	IE	CSS
dolžina	Vrednost poviša ali zniža element zgoraj ali spodaj osnovne linije (baseline) za določeno vrednost. Negativne vrednosti se poravnajo pod osnovno linijo (baseline), pozitivne pa nad njo. Lahko uporabimo katerokoli od sedmih enot.	6	4	2
odstotki	Vrednost je določena z višino linije. Linija `bottom` (baseline) je na 0% top pa na 100%. Odstotki so lahko pozitivni ali negativni in lahko presežejo vrednost 100%. Negativne vrednosti se poravnajo pod osnovno linijo (baseline), pozitivne pa nad njo.	6	4	2
baseline	Osnovna vrednost je že privzeta vrednost, ta poravna tekst na baseline linijo (bottom). Z definiranjem baseline lahko zagotovimo, da kakršna koli prejšnja deklaracija ne bo vplivala na tekst.	6	4	1
bottom	Vrednost poravna določene znake, črke, besede ali tekst z najnižjim znakomv isti liniji.	6	4	1
sub	Sub vrednost poda črke, besede, znake kot subscript.	4	4	1
middle	vrednost middle poravna znake, črke, besede ali tekst z sredinsko linijo.	4	4	1
super	Super vrednost poda črke, besede, znake kot superscript.	4	4	1
text-top	Text-top vrednost poravna črke, besede, ali tekst z najvišji znakom na izbrani liniji.	4	4	1
text-bottom	Text-bottom vrednost poravna izbrane črke, besede ali tekst z najmanjšim znakom na izbrani liniji.	4	4	1
top	Top vrednost poravna izbrane črke, besede ali tekst z najvišjim znakom na isti liniji.	4	4	1

Primeri

img { vertical-align: baseline; }
img { vertical-align: sub; }
img { vertical-align: super; }
img { vertical-align: top; }
img { vertical-align: text-top; }
img { vertical-align: middle; }
img { vertical-align: bottom; }
img { vertical-align: text-bottom; }
img { vertical-align: -50%; }
img { vertical-align: 125%; }
img { vertical-align: -5px; }
img { vertical-align: 10mm; }

→ Primeri navpične poravnave v celicah
→ Primerinavpične poravnave besedila in slike, slika večja
→ Primeri navpične poravnave besedila in slike, besedilo večje
→ Primeri navpične poravnave besedila in slike, enote so odstotki
→ Primeri navpične poravnave besedila in slike, enote so dolžine
→ Primera navpične poravnave, nadomestilo za elementa HTML sup in sub

Gor e-gradiva CSS primeri overflow z-index

SERŠ Maribor : Strokovna gimnazija : 2004 : Rok Teržan

e-gradiva	HTML	CSS	JavaScript	Načrtovanje

			SERŠ Maribor		Iskanje	Primeri