Showing posts with label CSS. Show all posts
Showing posts with label CSS. Show all posts

Writing -Mode

Writing -mode in CSS.

Syntax (writing -mode : values;)
  • writing -mode
  • Values: lr-tb | tb-rl
Example:

.class_name{writing -mode : tb-rl;}

Word-Wrap

Word-wrap in CSS.

Syntax (word-wrap : values;)
  • word-wrap
  • Values: break-word | normal
Example:

.class_name{word-wrap : normal;}

Word-Spacing

Word-spacing in CSS.

Syntax (word-spacing : values;)
  • word-spacing
  • Values: length | normal
Example:

.class_name{word-spacing : normal;}

Word-Break

Word-break in CSS.

Syntax (word-break : values;)
  • word-break
  • Values: break-all | keep-all | normal
Example:

.class_name{word-break : break-all;}

White-Space

White-space in CSS.

Syntax (White-space : values;)
  • White-space
  • Values: nowrap | pre | normal
Example:

.class_name{White-space : normal;}

Vertical-Align

Vertical-align in CSS.

Syntax (Vertical-align : values;)
  • Vertical-align
  • Values: baseline | sub | super | top | middle |bottom | text-top | text-bottom
Example:

.class_name{Vertical-align : normal;}

Unicode-Bidi

Unicode-bidi in CSS.

Syntax (unicode-bidi : values;)
  • unicode-bidi
  • Values: normal | embed | bidi-override
Example:

.class_name{unicode-bidi : normal;}

Text-Underline-Position

Text-underline-position in CSS.

Syntax (text-underline-position : values;)
  • text-underline-position
  • Values: above | below
Example:

.class_name{text-underline-position : below;}

Text-Transform

Text-transform in CSS.

Syntax (text-transform : values;)
  • text-transform
  • Values: capitalize | uppercase | lowercase | none
Example:

.class_name{text-transform : lowercase;}

Text-Overflow

Text-overflow in CSS.

Syntax (text-overflow : values;)
  • text-overflow
  • Values: clip | ellipsis
Example:

.class_name{text-overflow : ellipsis;}

Text-Kashida-Space

Text-kashida-space in CSS.

Syntax (text-kashida-space : values;)
  • text-kashida-space
  • Values: percentage | inherit
Example:

.class_name{text-kashida-space : inherit;}

Text-Justify

Text-justify in CSS.

Syntax (text-justify : values;)
  • text-justify
  • Values: inter word | newspaper | distribute-all-line | auto | inter ideograph | distribute
Example:

.class_name{text-justify : auto;}

Text-Indent

Text-indent in CSS.

Syntax (text-indent : values;)
  • text-indent
  • Values: percentage | length
Example:

.class_name{text-indent : percentage;}

Text-Decoration

Text-decoration in CSS.

Syntax (text-decoration : values;)
  • text-decoration
  • Values: none | underline | overline | line-through
Example:

.class_name{text-decoration : none;}

Text-Autospace

Text-autospace in CSS.

Syntax (text-autospace : values;)
  • text-autospace
  • Values: none | center ideograph-alpha | ideograph-numeric | ideograph-parenthesis | ideograph-space
Example:

.class_name{text-autospace : none;}

Text-Align

Text-align in CSS.

Syntax (text-align : values;)
  • text-align
  • Values: left | right | center | justify
Example:

.class_name{text-align : right;}

Ruby-Position

Ruby-position in CSS.

Syntax (ruby-position : values;)
  • ruby-position
  • Values: above | inline
Example:

.class_name{ruby-position : inline;}

Ruby-Overhang

Ruby-overhang in CSS. Syntax (ruby-overhang : values;)
  • ruby-overhang
  • Values: auto | whitespace | none
Example:

.class_name{ruby-overhang : none;}

Ruby-Align

Ruby-align in CSS.

Syntax (
ruby-align : values;)
  • ruby-align
  • Values: auto | left | center | right |distribute-letter | distribute-space | line-edge
Example:

.class_name{ruby-align : left;}

Line-Height

Line-height in CSS.

Syntax (
line-height : values;)
  • line-height
  • Values: percentage | normal | length
Example:

.class_name{line-height : normal;}