CSS text-overflow 属性

Paglalarawan at Paggamit

text-overflow katangian ay nagtuturo kung anong mangyayari kapag ang teksto ay lumalabas sa kasangkapang nakapaloob.

Bilang karagdagan:

CSS3 Tutorial:CSS3 文本效果

HTML DOM Reference Manual:textOverflow Katangian

Halimbawa

Gamit ang text-overflow katangian:

div.test
{
text-overflow:ellipsis;
}

Subukan ang iyong sarili

May maraming halimbawa sa ibaba ng pahina.

Grammar ng CSS

text-overflow: clip|ellipsis|string;

Halaga ng Katangian

Halaga Paglalarawan Test
clip Trim ang teksto. Test
ellipsis Ipakita ang tanging simbolo upang ipakilala ang ginamit na teksto. Test
string Gamit ang ibinigay na string upang ipakilala ang ginamit na teksto.

Detalye ng Teknolohiya

Default Value: clip
Inheritsibility: no
Bersyon: CSS3
Grammar ng JavaScript: object.style.textOverflow="ellipsis"

Maraming halimbawa

Text-overflow na may hover epekto
Ito ay nagtuturo kung paano ipakita ang buong teksto kapag ang cursor ay lumilipad sa elemento.

Suporta ng Browser

Ang numero sa talahanayan ay naglalarawan ng kauna-unahang bersyon ng browser na ganap na sumusuporta sa katangian na iyon.

Ang numero na may -o- ay naglalarawan na ginamit ang unang bersyon ng pangunahing prefix.

Chrome IE / Edge Firefox Safari Opera
4.0 6.0 7.0 3.1 11.0
9.0 -o-