text properties in css

- February 05, 2024

Text properties in css

1] This css property allows us to change the case of the text.

2] used to control the text capitalization.

3] css property can be used to make the appearance of next

all-lowercase and ,all uppercase can first character each word uppercase.

Text properties

1] text-transform : uppercase;

2] text-transform : lowercase;

3] text-transform : capitalize;

1) text-transform : uppercase;

Transforms all characters to uppercase.

Example :-

<!DOCTYPE html>
<html>
<head>
   
      <title>css text-transform property</title>
      <style>
             p
             {
                  text-transform:uppercase;
             }

      </style>
</head>
<body>
      <h1>Learn Programming Language</h1>

      <p>Learn to the this website https://webdesigningtheory.blogspot.com/
       </p>
      
</body>
</html>

Output :-

2) Text-transform : lowercase;

Transforms all characters to lowercase.

Example:-

<!DOCTYPE html>
<html>
<head>
   
      <title>css text-transform property</title>
      <style>
             p
             {
                  text-transform:lowercase;
             }

      </style>
</head>
<body>
      <h1>Learn Programming Language</h1>

      <p><b>Learn to the this website https://webdesigningtheory.blogspot.
       com/</b></p>
      
</body>
</html>

Output :-

3) Text-transform : capitalize;

Transforms to the first character of each the word to uppercase and

transforms all other characters to lowercase.

Example :-

<!DOCTYPE html>
<html>
<head>
   
      <title>css text-transform property</title>
      <style>
             p
             {
                  text-transform:capitalize;
             }

      </style>
</head>
<body>
      <h1>Learn Programming Language</h1>

      <p><b>Learn to the this website https://webdesigningtheory.blogspot.
       com/</b></p>
      
</body>
</html>

Search This Blog

Web Designing Theory