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;}

Line-Break

Line-break in CSS.

Syntax (
line-break : values;)
  • line-break
  • Values: normal | strict
Example:

.class_name{line-break : normal;}

Letter-Spacing

Letter-spacing in CSS.

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

.class_name{letter-spacing : normal;}

Layout-Grid-Type

Layout-grid-type in CSS.

Syntax (layout-grid-type : values;)
  • layout-grid-type
  • Values: loose | fixed | strict
Example:

.class_name{layout-grid-type : strict;}

Layout-Grid-Mode

Layout-grid-mode in CSS.

Syntax (
layout-grid-mode : values;)
  • layout-grid-mode
  • Values: both | none | line | char
Example:

.class_name{layout-grid-mode : line;}

Layout-Grid-Line

Layout-grid-line in CSS.

Syntax(
layout-grid-line : values;)
  • layout-grid-line
  • Values: auto | percentage | length | none
Example:

.class_name{ layout-grid-line : none ;}

Layout-Grid-Char-Spacing

Layout-grid-char-spacing in CSS.

Syntax (
Layout-grid-char-spacing : values;)
  • Layout-grid-char-spacing
  • Values: percentage | length | auto
Example:

.class_name{Layout-grid-char-spacing : auto;}

Layout-Grid-Char

Layout-grid-char in CSS.

Syntax (Layout-grid-char : values;)
  • Layout-grid-char
  • Values: percentage | length | none | auto
Example:

.class_name{Layout-grid-char : none;}

Layout-Flow

Layout-flow in CSS.

Syntax (Layout-flow : values;)
  • Layout-flow
  • Values: horizontal | vertical-ideographic
Example:

.class_name{Layout-flow : horizontal;}

Ime-mode

Ime-mode in CSS.

Syntax (ime-mode : values;)
  • ime-mode
  • Values: auto | active |
Example

.class_name{ime-mode:active;}

Direction

Direction in CSS.

Syntax (
direction : values;)
  • direction
  • Values: itr | rtl | inherit
Example:
.class_name{direction : values;}

Scrollbar-Shadow-Color

Scrollbar-shadow-color in CSS.

Syntax (
Scrollbar-shadow-color : values;)
  • Scrollbar-shadow-color
  • Values: green | snow | aqua | black | brown | violet | etc...
Example:

.class_name{Scrollbar-shadow-color : snow;}

Scrollbar-Track-Color

Scrollbar-track-color in CSS.

Syntax (
Scrollbar-track-color : values;)
  • Scrollbar-track-color
  • Values: green | aqua | black | brown | violet | snow |etc...
Example:

.class_name{Scrollbar-track-color : snow;}

Scrollbar-Highlight-Color

Scrollbar-highlight-color in CSS.

Syntax (
Scrollbar-highlight-color : values;)
  • Scrollbar-highlight-color
  • Values: green | aqua | black | brown | violet | etc...
Example:

.class_name{Scrollbar-highlight-color : green;}

Scrollbar-Face-Color

Scrollbar-face-color in CSS.

Syntax (
Scrollbar-face-color : values;)
  • Scrollbar-face-color
  • Values: green | aqua | black | brown | violet | etc...
Example:

.class_name{Scrollbar-face-color : brown;}

Scrollbar-Darkshadow-Color

Scrollbar-darkshadow-color in CSS.

Syntax (
Scrollbar-darkshadow-color : values;)
  • Scrollbar-darkshadow-color
  • Values: green | aqua | black | brown | violet | etc...
Example:

.class_name{Scrollbar-darkshadow-color : violet;}

Scrollbar-Base-Color

Scrollbar-base-color in CSS.

Syntax (Scrollbar-base-color : values;)
  • Scrollbar-base-color
  • Values: aqua | black | green | maroon | gray | etc...
Example:

.class_name{Scrollbar-base-color : maroon;}

Scrollbar-Arrow-Color

Scrollbar-arrow-color in CSS.

Syntax (Scroll-arrow-color : values;)
  • Scrollbar-arrow-color
  • Values: aqua | black | green | blue | gray | etc...
Example:

.class_name{Scrollbar-arrow-color :black;}

Scrollbar-3Dlight-Color

Scrollbar-3dlight-color in CSS.

Syntax (
Scrollbar-3dlight-color : values;)
  • Scrollbar-3dlight-color
  • Values: aqua | black | green | blue | gray | etc...
Example:

.class_name{Scrollbar-3dlight-color : green;}

Page-Break-Before

Page-break-before in CSS.

Syntax (
page-break-before : values;)
  • page-break-before
  • Values: auto | always
Example:

.class_name{page-break-before : auto;}

Page-Break-After

Page-break-after in CSS.

Syntax (
page-break-after : values;)
  • page-break-after
  • Values: auto | always
Example:

.class_name{page-break-after : auto;}

Page

Page in CSS.

Syntax (
page : values;)
  • page
  • Values: auto
Example:

.class_name{page : auto;}

Z-Index

Z-index in CSS.

Syntax (
z-index : values;)
  • z-index
  • Values: auto
Example:

.class_name{z-index : auto;}

Width

Width in CSS.

Syntax (
width : values;)
  • width
  • Values: percentage | length | auto
Example:

.class_name{width : auto;}

Visibility

Right in CSS.

Syntax (
visibility : values;)
  • visibility
  • Values: hidden | inherit | visible
Example:

.class_name{visibility : hidden;}

Top

Top in CSS.

Syntax (
top : values;)
  • top
  • Values: percentage | length | auto
Example:

.class_name{top : auto;}

Right

Right in CSS.

Syntax (
right : values;)
  • right
  • Values: percentage | length | auto
Example:

.class_name{overflow : auto;}

Position

Position in CSS.

Syntax (
position : values;)
  • position
  • Values: absolute | relative | fixed | static
Example:

.class_name{position : static;}

Overflow-Y

Overflow-y in CSS.

Syntax (
overflow-y : values;)
  • overflow-y
  • Values: visible | hidden | scroll | auto
Example:

.class_name{overflow-y : hidden;}

Overflow-X

Overflow-x in CSS.

Syntax (
overflow-x : values;)
  • overflow-x
  • Values: visible | hidden | scroll | auto
Example:

.class_name{overflow-x : hidden;}

Overflow

Overflow in CSS.

Syntax (
overflow : values;)
  • overflow
  • Values: visible | hidden | scroll | auto
Example:

.class_name{overflow : hidden;}

Min-Width

Min-width in CSS.

syntax(min-width : values;)
  • min-width
  • Values: percentage | length
Example:

.class_name{min-width : percentage;}

Min-Height

Max-height in CSS.

syntax(max-height : values;)
  • max-height
  • Values: percentage | length
Example:

.class_name{max-height : percentage;}

Max-Width

Max-width in CSS.

syntax(max-width : values;)
  • max-width
  • Values: percentage | length
Example:

.class_name{max-width : percentage;}

Max-Height

Max-height in CSS.

syntax(max-height : values;)
  • max-height
  • Values: percentage | length
Example:

.class_name{max-height : percentage;}

Left

Left in CSS.

syntax(left : values;)
  • left
  • Values: percentage | length | auto
Example:

.class_name{left : auto;}

Height

Height in CSS.

syntax(height : values;)
  • height
  • Values: percentage | length | auto
Example:

.class_name{height : auto;}

Clip

Clip in CSS.

syntax(clip : values;)
  • bottom
  • Values: auto
Example:

.class_name{clip : auto;}

Bottom

Bottom in CSS.

syntax(bottom : values;)
  • bottom
  • Values: percentage | length | auto
Example:

.class_name{bottom : auto;}

Cursor

Cursor in CSS.

Syntax (cursor : values;)
  • cursor
  • Values: auto | all-scroll| default | help | move | wait | hand | etc...
Example:

.class_name{cursor : auto;}

Font-Family

Font-family in CSS.

Syntax (
font-family : values;)
  • font-family
  • Values: serif | fantasy | cursive | forte | etc...
Example:

.class_name{font-family : cursive;}

Font-Size

Font-size in CSS.

Syntax (font-size : values;)
  • font-size
  • Values: smaller | larger | x-small | xx-small | small | medium | etc...
Example:

.class_name{font-size : smaller;}

Font-Weight

Font-weight in CSS.

Syntax (font-weight : values;)
  • font-weight
  • Values: normal | bolder | bold | lighter | 100 | 200 | etc...
Example:

.class_name{font-weight : bold;}

Font-Variant

Font-variant in CSS.

Syntax (font-variant: values;)
  • font-variant
  • Values: small-caps | normal
Example:

.class_name{font-variant: normal;}

Font-Style

Font-style in CSS.

Syntax (font-style : values;)
  • font-style
  • Values: italic | oblique | normal
Example:

.class_name{font-style : normal;}

Font-System

Font-system in CSS.

Syntax (font-system : values;)
  • font-system
  • Values: caption | icon | menu| message-box | small-caption | status-bar
Example:

.class_name{font-system : icon;}

Display

Display in CSS.

Syntax (
display : values;)
  • display
  • Values: none | block | inline-block | inline | table-header-group | etc...
Example:

.class_name{display : inline-block;}