CSS3 contained several extra features, which is added later on
There are following most commonly used property in CSS3
| Values | Description |
|---|---|
| text-align-last | Used to align the last line of the text |
| text-emphasis | Used to emphasis text and color |
| text-overflow | used to determines how overflowed content that is not displayed is signaled to users |
| word-break | Used to break the line based on word |
| word-wrap | Used to break the line and wrap onto next line |
The text-overflow property determines how overflowed content that is not displayed is signaled to users. the sample example of text overflow is shown as follows −
See this example:
Output:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam libero tortor, convallis eu pulvinar at, pellentesque sit amet lectus. In gravida sapien id lorem cursus interdum. Cras congue libero sed sem lobortis, sit amet aliquet metus tempor. Aenean iaculis fringilla dictum. In et odio imperdiet, pellentesque leo id, pretium dui.
Used to break the line, following code shows the sample code of word breaking
See this example:
Output:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam libero tortor, convallis eu pulvinar at, pellentesque sit amet lectus. In gravida sapien id lorem cursus interdum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam libero tortor, convallis eu pulvinar at, pellentesque sit amet lectus. In gravida sapien id lorem cursus interdum.
Word wrapping is used to break the line and wrap onto next line.the following code will have sample syntax
p {
word-wrap: break-word;
}
