Siirry sivun sisältöön Avut CSS HTML JavaScript Kotisivu

vertical-align

vertical-align-ominaisuudella ilmoitetaan tekstitason elementin tai taulukon solun (elementin jonka display-ominaisuuden arvo on table-cell) pystysuorasta kohdistumisesta. Ominaisuuden arvojen vaikutukset vaihtelevat käyttöyhteydestä riippuen:

DOM-viittaus: olio.style.verticalAlign

Tekstitason esimerkki

Huomio! Tämän esimerkin toiminnallisuus vaatii tyylitukea.

Seuraa esimerkkikappale (musta yhtenäinen reunaviiva), jossa tekstitason hymiökuva toimii esimerkkielementtinä. Hymiökuvan emona toimii tekstitason span, jolle on pyydetty punainen reunaviiva. Kappaleen loppuun on lisätty sata kuvapistettä korkea kuva (vertical-align:middle) havainnollistamaan kaikkien arvojen vaikutusta:

Tässä on esimerkkikuva esimerkkikappaleessa.

Taulukkosoluesimerkki

Seuraavan taulukon soluille on pyydetty sisältönä näkyvät arvot:

baseline bottom middle top inherit

Ominaisuuden muilla arvoilla ei ole vaikutusta taulukon soluissa.

Lisätietoja englanniksi

CSS 2.1 -ominaisuusreferenssi | CSS 2.1 -asetteluominaisuudet