Social Icons

Sunday, July 5, 2020

CSS Text Property

1 - Text-align

This property allows you to define the alignment of a text.

Example:

// This code is used to align all the paragraphs to the right.
p {text-align: right; }

2 - Text-color

This is a property used to customize the color of the text

Example

// this example allows to write all the h1 tags in blue
h1 {color: blue; }

3 - Text-decoration

This command allows you to decorate a text with a line at the bottom, above, strikethrough ...
{text-decoration: value; }
  1. value = none :  no decoration 
  2. value = underline : underlined text 
  3. value = overline :  line above 
  4. value = line-through : strikethrough text 
  5. value = blink  :  blinking text (works with Mozilla and Netscape and not with Internet explorer)

4 - Text-indent

This is a property used to specify the offset of the first line of each paragraph. Example:
p {text-indent: 30px; }

5 - Letter-spacing

This property allows you to specify the spacing between characters.

Example:

// normal spacing between characters
p {letter-spacing: normal; }

Example:

// 3px spacing between characters
p {
letter-spacing: 3px;
}

6 - Line-height 

This property is used to define the space between the lines of a paragraph Example:
p {line-height: 20px; }

7 - Text-shadow 

This command allows you to decorate text with a shadow, the syntax is:
{
text-shadow: value1 value2 value3 color;
}
Where :
  1. value1 : measures the offset of the shadow horizontally to the right in pixels 
  2. value2 : measures the offset of the bottom shadow vertically in pixels 
  3. value3 : measures the thickness of the shadow 
  4. color : shade color Example:
p {
text-shadow: 7px 5px 3px black;
}
Which displays after execution:

8 - Text-transform 

This command allows you to modify the case of a text; its values ​​are: lowercase: transforms all text into miniscule capitalize: transforms the first letter of each word into uppercase uppercase: transform all text to uppercase inherit: inherit from parents

Example

<html>
<head>

<style>
p {
text-transform: uppercase;
}
</style>

</head>
<body>
<p>
Here is an example of text converted to uppercase
using the text-transform CSS command
</p>
</body>
</html>
Which displays after execution:


Younes Derfoufi
my-courses.net

No comments:

Post a Comment

Category Of Mobile Courses

Actualités (644) Adsense (1) Affiliation (1) Algebraic Topology (1) Algorithmic (1) all-news (30) Android (5) Android App (8) Android app without code (4) Android Apps (167) Android Development (4) Android download (2) Android OS (3) AngularJS (1) Automata theory and formal language (5) C programming (5) Category and Functor (8) CMS (3) Computer Glossary (18) Create Mobile App With Ionic Framework (2) CSS (2) CSS-Cascading-Style-Sheets (4) Developpement Java (13) Differential Geometry (1) Django-Python-Framework (8) dropshiping (26) Earn Money by Internet (4) Emplois (23) Framework php (2) Fraud (2) HTML (7) Java For Beginners (10) Javascript (12) Kotlin Programming Language (8) Kotlin For Mobile Android (1) Linux Download (2) Marketing (5) Mobile (3) Mobile Courses (4) Mobile Marketing (4) MoneyGram (1) News (721) Node.js (5) Open Source (1) Photoshop (1) Protect Computer (1) Python (32) Python BeautifulSoup (1) Python For Data Science (2) Python-Books (6) Python-DVD-Training (1) Python-Exercises (135) Python-Framework (1) Python-IDE (1) Python-Modules (1) Python-pdf (2) Python-pyQt (1) Référencement (2) Script PHP (2) Security (6) SEO (1) Snipping Tool: Faq (1) Social Networks (1) Source Code (1) Statistics With SPSS (2) Surveillance Software (1) Travail à domicile (6) Tutoriels php en vidéos (2) Tutoriels-MySql (6) tutoriels-php (19) Utilitaires (1) VPS (1) Web Hosting (1) Webcam (1) Webmarketing (11) Western Union (1) Windows 10 (1) Windows 7 (4) Windows 7 Faq (2) Windows 8 (1) Windows Accessories (1) Windows Download (8) Windows Drivers (1) Windows Fonts (1) Windows Power Shell (2) Windows Registry (2) Windows Security (18) Windows Software (2) Windows Spyware (2) Windows utilities (3) Windows Virus (2) Windows Vista (3) Windows Wireless (1) Windows xp (1) Wordpress (1)
 

Sample text

Sample Text

 
Blogger Templates