Texts

Spreadsheet text properties are used to control text spacing, decoration, alignment, transformation, etc.

Word Spacing

This property is used to defines an additional amount of space between words.

word-spacing
Syntax: word-spacing: value;
Values: normal | length measurement
Default: normal
Applies to: all elements
Inherits: yes

Example
p {word-spacing: 6px;}
Letter Spacing

This property is used to defines an additional amount of space between letter.

letter-spacing
Syntax: letter-spacing: value;
Values: normal | length measurement
Default: normal
Applies to: all elements
Inherits: yes

Example
p {letter-spacing: 5em;}
Text Decoration

This property is used to set the text direction.

text-decoration
Syntax:
text-decoration: value;
Values: none | underline | overline | line-through | blink
Default: none
Applies to: all elements
Inherits: no

Example
a { text-decoration: underline;}
Test height

This property is used to control the spacing between base-line of text.

text-height
Syntax:  text-height: value;
Values: normal | number | percentage | length measurement
Default: normal
Applies to: all elements
Inherits: yes

Example
p {text-height: 200%;}
Text indentation

This property is used to indents the text of a paragraph.

text-indent
Syntax:  text-indent: value;
Values: percentage | length measurement
Default: 0
Applies to: block-level element
Inherits: yes

Example
p {text-indent: 20%;}
Text alignment

This property is used to align the text of a document.

text-align
Syntax:  text-align: value;
Values: left | right | center | justify | inherit
Default: start
Applies to: block-level element
Inherits: yes

Example
h1 {text-align: center;}
Text transformation

This property is used to capitalize text or convert text to uppercase or lowercase letters.

text-transform
Syntax:  text-transform: value;
Values: none | capitalize | uppercase | lowercase | inherit
Default: none
Applies to: all elements
inherits: yes

Example
h1{ text-transform: uppercase;}
Text shadow

The text-shadow property is used to set text shadow around a text.

text-shadow
Syntax:  text-shadow: value;
Values: ‘horizontal offset’ ‘vertical offset’ ‘blur  radius’ ‘color’ | none
Default: none
Applies to: all elements
Inherits: yes

Example
h1 {color: green;
     text-shadow: .2em .2em silver;}

Leave a Reply