Utilizor
Contact Us

CSS Text Effects

CSS contains several properties for special text effects.

CSS Text Effects

CSS contains several properties for special text effects.

Text Overflow

The text-overflow property specifies how overflowed content that is not displayed should be signaled to the user.

This is some long text that will not fit in the box

Word Wrapping

The word-wrap property allows long words to be able to be broken and wrap onto the next line.

This paragraph contains a very long word: supercalifragilisticexpialidocious.

Writing Mode

The writing-mode property specifies whether lines of text are laid out horizontally or vertically.

Some vertical text

Example

p.test {
  white-space: nowrap; 
  width: 200px; 
  overflow: hidden;
  text-overflow: ellipsis; 
}