Vlastnost CSS text-align-last
Příklad
Zarovnejte poslední řádek textu do tří prvků <div>:
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;
}
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Vlastnost text-align-lasturčuje, jak zarovnat poslední řádek textu.
Všimněte si, že text-align-lastvlastnost nastavuje zarovnání pro všechny poslední řádky ve vybraném prvku. Pokud tedy máte <div> se třemi odstavci, text-align-last
použije se na poslední řádek KAŽDÉHO z odstavců. Chcete-li použít text-align-last
pouze poslední odstavec v kontejneru, můžete použít :last child, viz příklad níže.
Poznámka: V Edge před 79 tato text-align-lastvlastnost funguje pouze u textu, který má "zarovnat text: zarovnat".
| Výchozí hodnota: | auto |
|---|---|
| Zděděno: | Ano |
| Animovatelné: | Ne. Přečtěte si o tématu Animable |
| Verze: | CSS3 |
| Syntaxe JavaScriptu: | objekt .style.textAlignLast="right" |
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která plně podporuje vlastnost.
Čísla následovaná -moz- určují první verzi, která pracovala s předponou.
| Property | |||||
|---|---|---|---|---|---|
| text-align-last | 47.0 | 5.5* | 49.0 12.0 -moz- |
Not supported | 34.0 |
*V aplikaci Internet Explorer 11 (a dřívějších) nejsou podporovány hodnoty „start“ a „end“.
Syntaxe CSS
text-align-last: auto|left|right|center|justify|start|end|initial|inherit;
Hodnoty vlastností
| 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 |
Další příklady
Příklad
Použijte text-align-last pouze na posledním řádku v kontejneru:
div.b p:last-child {
text-align-last: center;
}
Související stránky
CSS tutoriál: CSS Text
Odkaz HTML DOM: vlastnost textAlignLast