Word Wrap Property in CSS
The word-wrap Property
The word-wrap property allows long words to be broken and wrapped into the next line. It takes two values: normal and break-word. When the word is too long and the break-word property is applied to it, the browser will break that word in order to fit that word into the container.
Syntax:-
Its syntax is:-
< style >
element{
word-wrap: normal| break-word| initial| inherit;
}
< /style >
Further Explanation:-
| Value | Description |
|---|---|
| normal | Break words only at allowed break points. |
| break-word | Allows unbreakable words to be broken |
| initial | Sets this property to its default value. |
| inherit | Inherits this property from its parent element. |
Code Explanation
All Tutorials related to CSS3
CSS3 Intro
Vendor Prefixes
Border Radius Property
Box Shadow Property
Transparency
Text Shadow
Pseudo Classes
Pseudo Elements
Word Wrap
@Font-Face
Linear Gradients
Radial Gradient
Background Size
Background Clip
Opacity
Transitions
Transform Rotate
Translate Skew
Scale and Multiple
Animations
Animation Properties
3D Transform
CSS Filters 1
CSS Filters 2
CSS Filter 3
