CSS3 8 - CSS3 Text Effects and Properties | text-overflow | word-wrap | word-break | writing-mode
CSS3 Text Effects and Properties
text-overflow
word-wrap
word-break
writing-mode
CSS Text Effects:
CSS allows us to add text effects for alignment purpose, color, writing mode.
Text Effects Property
text-overflow
word-wrap
word-break
writing-mode
Text Effects for Cross Browser
-moz-text-overflow : ellipsis;//Mozilla Browser
-webkit-text-overflow : ellipsis;// Chrome Browser
-o-text-overflow : ellipsis;// Opera Browser
CSS3 Text effects code :
p{
height:50px;
width:200px;
margin:10px;
border:2px solid red;
float: left;
white-space: nowrap;
overflow: hidden;
}
#clip{ text-overflow: clip}
#ellipsis{ text-overflow: ellipsis}
div{
height:200px;
width:200px;
margin:10px;
border:2px solid red;
float: left;
}
#breakword{ word-wrap: break-word}
#wordbreak1{word-break: keep-all}
h1{writing-mode: vertical-rl}