CSS metin hizalama-son Özellik
Örnek
Metnin son satırını üç <div> öğesinde hizalayın:
div.a
{
text-align: justify; /* For Edge */
text-align-last: right;
}
div.b
{
text-align: justify; /* For Edge */
text-align-last: center;
}
div.c
{
text-align: justify; /* For Edge */
text-align-last: justify;
}
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Özellik text-align-last, bir metnin son satırının nasıl hizalanacağını belirtir.
text-align-lastÖzelliğin, seçili öğe içindeki tüm son satırlar için hizalamayı ayarladığına dikkat edin . Bu nedenle, içinde üç paragraf bulunan bir <div> varsa, text-align-last
paragrafların HER BİRİNİN son satırına uygulanacaktır. Yalnızca kaptaki son paragrafta kullanmak text-align-last
için :last child öğesini kullanabilirsiniz, aşağıdaki örneğe bakın.
Not: Edge 79'da, text-align-lastözellik yalnızca "metin hizalama: iki yana yasla" olan metinlerde çalışır.
| Varsayılan değer: | Oto |
|---|---|
| Miras: | Evet |
| canlandırılabilir: | Hayır. Canlandırılabilir hakkında bilgi edinin |
| Sürüm: | CSS3 |
| JavaScript sözdizimi: | nesne .style.textAlignLast="sağ" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
-moz- tarafından takip edilen sayılar, bir önekle çalışan ilk sürümü belirtir.
| Property | |||||
|---|---|---|---|---|---|
| text-align-last | 47.0 | 5.5* | 49.0 12.0 -moz- |
Not supported | 34.0 |
*Internet Explorer 11'de (ve önceki sürümlerde), "başlangıç" ve "bitiş" değerleri desteklenmez.
CSS Sözdizimi
text-align-last: auto|left|right|center|justify|start|end|initial|inherit;
Mülk değerleri
| Value | Description | Play it |
|---|---|---|
| auto | Default value. The last line is justified and aligned left | |
| left | The last line is aligned to the left | |
| right | The last line is aligned to the right | |
| center | The last line is center-aligned | |
| justify | The last line is justified as the rest of the lines | |
| start | The last line is aligned at the beginning of the line (left if the text-direction is left-to-right, and right is the text-direction is right-to-left) | |
| end | The last line is aligned at the end of the line (right if the text-direction is left-to-right, and left is the text-direction is right-to-left) | |
| initial | Sets this property to its default value. Read about initial | |
| inherit | Inherits this property from its parent element. Read about inherit |
Daha fazla örnek
Örnek
Yalnızca kaptaki en son satırda text-align-last kullanın:
div.b p:last-child {
text-align-last: center;
}
İlgili Sayfalar
CSS eğitimi: CSS Metni
HTML DOM referansı: textAlignLast özelliği