CSS text-align-last Property
Voorbeeld
Lijn de laatste regel tekst uit in drie <div>-elementen:
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;
}
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De text-align-lasteigenschap specificeert hoe de laatste regel van een tekst moet worden uitgelijnd.
Merk op dat de text-align-lasteigenschap de uitlijning instelt voor alle laatste regels binnen het geselecteerde element. Dus, als je een <div> hebt met drie alinea's erin, text-align-last
is dit van toepassing op de laatste regel van ELK van de alinea's. Als u text-align-last
alleen de laatste alinea in de container wilt gebruiken, kunt u :laatste kind gebruiken, zie het onderstaande voorbeeld.
Opmerking: in Edge voor 79 werkt de text-align-lasteigenschap alleen op tekst met "text-align: rechtvaardigen".
| Standaardwaarde: | auto |
|---|---|
| geërfd: | Ja |
| Animeerbaar: | Nee. Lees over animeren |
| Versie: | CSS3 |
| JavaScript-syntaxis: | object .style.textAlignLast="rechts" |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Getallen gevolgd door -moz- specificeren de eerste versie die met een prefix werkte.
| Property | |||||
|---|---|---|---|---|---|
| text-align-last | 47.0 | 5.5* | 49.0 12.0 -moz- |
Not supported | 34.0 |
*In Internet Explorer 11 (en eerder) worden de "start"- en "end"-waarden niet ondersteund.
CSS-syntaxis
text-align-last: auto|left|right|center|justify|start|end|initial|inherit;
Eigendomswaarden
| 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 |
Meer voorbeelden
Voorbeeld
Gebruik text-align-last alleen op de allerlaatste regel in de container:
div.b p:last-child {
text-align-last: center;
}
Gerelateerde pagina's
CSS-zelfstudie: CSS-tekst
HTML DOM-referentie: eigenschap textAlignLast