CSS text-align-last Property
Voorbeeld
Belyn die laaste reël teks in drie <div>-elemente:
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 dit self" voorbeelde hieronder.
Definisie en gebruik
Die text-align-lasteienskap spesifiseer hoe om die laaste reël van 'n teks in lyn te bring.
Let daarop dat die text-align-lasteienskap die belyning stel vir alle laaste reëls binne die geselekteerde element. Dus, as jy 'n <div> met drie paragrawe daarin het, text-align-last
sal van toepassing wees op die laaste reël van ELK van die paragrawe. Om slegs text-align-last
op die laaste paragraaf in die houer te gebruik, kan jy :laaste kind gebruik, sien voorbeeld hieronder.
Let wel: In Edge voor 79 text-align-lastwerk die eiendom slegs op teks wat "text-align: justify" het.
| Standaard waarde: | outo |
|---|---|
| Geërf: | ja |
| Animateerbaar: | geen. Lees oor animeerbaar |
| Weergawe: | CSS3 |
| JavaScript-sintaksis: | voorwerp .style.textAlignLast="regs" |
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Nommers gevolg deur -moz- spesifiseer die eerste weergawe wat met 'n voorvoegsel gewerk het.
| Property | |||||
|---|---|---|---|---|---|
| text-align-last | 47.0 | 5.5* | 49.0 12.0 -moz- |
Not supported | 34.0 |
*In Internet Explorer 11 (en vroeër), word die "begin" en "einde" waardes nie ondersteun nie.
CSS-sintaksis
text-align-last: auto|left|right|center|justify|start|end|initial|inherit;
Eiendomswaardes
| 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 voorbeelde
Voorbeeld
Gebruik text-align-last slegs op die heel laaste reël in die houer:
div.b p:last-child {
text-align-last: center;
}
Verwante bladsye
CSS-tutoriaal: CSS-teks
HTML DOM verwysing: textAlignLast eiendom