Saturday, 8 April 2017

css text

CSS Text

Text Alignment

h1 {text-align:center;}
p.date {text-align:right;}
p.main {text-align:justify;}
Text can be centered, or aligned to the left or right, or justified.

Text Decoration

The text-decoration property is used to set or remove decorations from text.
a {text-decoration:none;}
h1 {text-decoration:overline;}
h2 {text-decoration:line-through;}
h3 {text-decoration:underline;}
h4 {text-decoration:blink;}

Text Transformation

It can be used to turn everything into uppercase or lowercase letters, or capitalize the first letter of each word.
p.uppercase {text-transform:uppercase;}
p.lowercase {text-transform:lowercase;}
p.capitalize {text-transform:capitalize;}

Text Indentation

The text-indentation property is used to specify the indentation of the first line of a text.
p {text-indent:50px;}

All CSS Text Properties

The number in the "CSS" column indicates in which CSS version the property is defined (CSS1 or CSS2).

Property
Description
Values
color
Sets the color of a text
color
direction
Sets the text direction
ltr
rtl
line-height
Sets the distance between lines
normal
number
length
%
letter-spacing
Increase or decrease the space between characters
normal
length
text-align
Aligns the text in an element
left
right
center
justify
text-decoration
Adds decoration to text
none
underline
overline
line-through
blink
text-indent
Indents the first line of text in an element
length
%
text-shadow
none
color
length
text-transform
Controls the letters in an element
none
capitalize
uppercase
lowercase
unicode-bidi
normal
embed
bidi-override
vertical-align
Sets the vertical alignment of an element
baseline
sub
super
top
text-top
middle
bottom
text-bottom
length
%
white-space
Sets how white space inside an element is handled
normal
pre
nowrap
word-spacing
Increase or decrease the space between words
normal
length

No comments:

Post a Comment

Please write your view and suggestion....