vertical-align :
Metnin yatay olarak nasıl hizalanacağını belirler. Bir elementin içeriğinin dikey hizalaması için kullanılır.
Örnek
p {
font-size: 30px;
}
img.top {
vertical-align: text-top;
}
img.bottom {
vertical-align: text-bottom;
}
Codepen Ön izleme
Css Sözdizimi
| Değer |
Açıklama |
| baseline |
Çerçevenin taban çizgisi ile ebeveyn çerçevenin taban çizgisi hizalanır. Eğer çerçevelerin taban çizgileri yoksa çerçevelerin alt sınırları hizalanır |
| length |
Elementin px,cm,pt,yüzdeli vs. değerler alabileceğini belirtir. |
| sub |
Çerçevenin taban çizgisi, ebeveyn çerçevenin alt indisi için uygun yüksekliğe düşürülür. (Bu değerin elemanın yazı tipi yüksekliği üzerinde bir etkisi yoktur.) |
| super |
Çerçevenin taban çizgisi, ebeveyn çerçevenin üst indisi için uygun yüksekliğe yükseltilir. (Bu değerin elemanın yazıtipi yüksekliği üzerinde bir etkisi yoktur.) |
| top |
Çerçevenin tepesi ile satır çerçevesinin tepesi hizalanır. |
| text-top |
Çerçevenin tepesi ile ebeveyn elemanın yazı tipinin tepesi hizalanır. |
| bottom |
Çerçevenin altı ile satır çerçevesinin altı hizalanır. |
| text-bottom |
Çerçevenin altı ile ebeveyn elemanın yazı tipinin altı hizalanır. |
| middle |
Çerçevenin düşeyde orta noktası ebeveyn çerçevenin taban çizgisinin yarım x-yüksekliği yukarısına hizalanır. |
| İnital |
|
| İnherit |
|
Tarayıcı Desteği