CSS Metin Hizalama

Metin hizalama

text-align Özellik, metnin yatay hizalama yöntemini ayarlamak için kullanılır.

Metin sol hizalı, sağ hizalı veya merkezi hizalı olabilir.

Örnek, merkezi ve sol-sağ hizalı metinleri gösterir (metin yönelimi sağdan sola ise varsayılan olarak sol hizalıdır; metin yönelimi sağdan sola ise sağ hizalıdır):

Örnek

h1 {
  text-align: center;
}
h2 {
  text-align: left;
}
h3 {
  text-align: right;
}

Kendi Kendine Deney

şey text-align Özellik olarak "justify" ayarlandığında, her satırı genişletir ve her satırın eşit genişliğe sahip olmasını sağlar, ayrıca sol ve sağ kenar boşlukları düzdür (magazin ve gazetelerde olduğu gibi):

Örnek

div {
  text-align: justify;
}

Kendi Kendine Deney

Metin Yönü

direction ve unicode-bidi Öznelerin metin yönünü değiştirmek için kullanılabilir:

Örnek

p {
  direction: rtl;
  unicode-bidi: bidi-override;
}

Kendi Kendine Deney

Dikey Hizalama

vertical-align Öznelerin dikey hizalanma yöntemini belirler.

Bu örnek, metin içindeki görsellerin dikey hizalanma yöntemini nasıl ayarladığını gösterir:

Örnek

img.top {
  vertical-align: top;
}
img.middle {
  vertical-align: middle;
}
img.bottom {
  vertical-align: bottom;
}

Kendi Kendine Deney