Loading Please Wait...

Logo Lynxsia IT Solutions

CSS Text Effects

CSS Text Effects

Text effects used for handling text appearance such as overflow, wrapping, direction, etc.

  • text-overflow
  • word-wrap
  • word-break
  • writing-mode
Text Overflow

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

					 
        
          /* Keyword values */
         text-overflow: clip;
         text-overflow: ellipsis;
         text-overflow: ellipsis ellipsis;

         /* Global values */
         text-overflow: inherit;
         text-overflow: initial;
         text-overflow: revert;
         text-overflow: revert-layer;
         text-overflow: unset;
        
      
Word Wrap

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

					 
        
          /* Keyword values */
          word-wrap: break-word;

          /* Global values */
          word-wrap: inherit;
          word-wrap: initial;
          word-wrap: revert;
          word-wrap: revert-layer;
          word-wrap: unset;
        
      
Word Break

The CSS word-break property specifies line breaking rules.

					 
        
          /* Keyword values */
          word-break: normal;
          word-break: break-all;
          word-break: keep-all;
          word-break: break-word;

          /* Global values */
          word-break: inherit;
          word-break: initial;
          word-break: revert;
          word-break: revert-layer;
          word-break: unset;
        
      
Writing Mode

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

					 
        
          /* Keyword values */
          writing-mode: horizontal-tb;
          writing-mode: vertical-rl;
          writing-mode: vertical-lr;

          /* Global values */
          writing-mode: inherit;
          writing-mode: initial;
          writing-mode: revert;
          writing-mode: revert-layer;
          writing-mode: unset;
        
      

How you feel about this blog:

Share this blog on:

Report Us

If you find any error in the turtorials, or want to share your suggestion/feedback, feel free to send us email at: info@lynxsia.com

Contact Us
Ads
Logo
Lynxsia IT Solutions

We are concern with various development process like website design & development, E-commerce development, Software development, Application development, SMS & Bulk SMS Provider, PWA Development, and many more..

Kotwali Road, Chhiptehri, Banda, 210001, UP, India

Copyright © 2022, Lynxsia IT Solutions, All rights reserved