HTML Meta Tags

The Meta tags are not compulsory tags for HTML or web pages. Meta tags provide information of web page to the search engines. If you put Meta tags in your web page it should be more briefly, these meta tags is used by search engines to index your web pages into their server. If you put brief & more specific meta tags then search engines put your web pages into accurate indexes.

Basic Meta tags are Keywords & Description that content length should be less than & equal to near about 255 characters.

Keywords Meta tag is used to define keywords of web page.


<meta name="Keywords" content="HTML,PHP,ASP">


Description Meta tag is to used define description of web page.

<meta name="Description" content="IT Help Desk">


Revised Meta tag is used to define last update of web page

<meta name="revised" content="01/11/08" />


Refresh Meta tag used to update web page every 10 seconds.

<meta http-equiv="refresh" content="10" />

Read more.. http://html-meta-tags.blogspot.com/


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

Background-Repeat

Background-repeat in CSS.

Syntax (background-repeat : values;)

• background-repeat
• Values: repeat | repeat-x | repeat-y | no-repeat

Example:

.class_name {background-repeat : repeat-x;}

Background-Image

Background-Image in CSS.

Syntax (background-image:values)

• background-image
• Values: image-url| none

Example:

.class_name{background-image : bg.gif;}

Background-Color

Background-Color in CSS.

Syntax (background-color:values;)

• background-color
• Values: aqua | black | blue | green | lime etc...

Example:

.class_name{background-color : green;}

list-style-type

List-style-type in CSS.

Syntax (list-style-type:values;)

• list-style-type
• Values: none | disc | circle | square | decimal etc...

Example:

.classname{list-style-type : circle;}

list-style-type

List-style-type in CSS.

Syntax (list-style-type : values;)

• list-style-type
  
• Values: none | disc | circle | square | decimal etc...

Example:

.class_name{list-style-type : circle;}

list-style-position

List-style-position of CSS.

Syntax (list-style-position:values;)

• list-style-position
• Values: inside | outside

Example:
.classname{list-style-position: inside;}

list-style-image

List-style-image of CSS.

Syntax (list-style-image:values;)

• list-style-image
• Values: choose-image | none

Example:

.classname{list-style-image : none;}

list-style

List-style-type of CSS.

• list-style-type
• Values: none | disc | circle | square | decimal etc...

Example:
.classname{list-style-type : circle;}


List-style-position of CSS.

• list-style-position
• Values: inside | outside

Example:
.classname{list-style-position: inside;}

List-style-image of CSS.

• list-style-image
• Values: choose-image | none

Example:
.classname{list-style-image : none;}

Zoom

zoom of CSS.

• zoom
• Values: normal | percentage

Example:
.calssname{zoom : normal;}

Float

Float of CSS.

Syntax (float : Values;)

• float
• Values: left | right | none

Example:

.class_name{float : left;}

Clear

Clear of CSS.

Syntax (clear : Values;)

• clear
• Values: none | left | right |both

Example:

.class_name{clear : none;}

padding-left

Padding-left of CSS.

• padding-left
• Values: percentage | length

Example:
.classname{padding-left : length;}

padding-bottom

Padding-bottom of CSS.

• padding-bottom
• Values: percentage | length

Example:

.classname{padding-bottom : length;}

padding-right

Padding-right of CSS.

• padding-right
• Values: percentage | length

Example:

.classname{padding-right : length;}

padding-top

Padding-top of CSS.

• padding-top
• Values: percentage | length

Example:

.classname{padding-top : length;}

padding

Padding-top of CSS.

• padding-top
• Values: percentage | length

Example:
.classname{padding-top : length;}


Padding-right of CSS.

• padding-right
• Values: percentage | length

Example:
.classname{padding-right : length;}


Padding-bottom of CSS.

• padding-bottom
• Values: percentage | length

Example:
.classname{padding-bottom : length;}


Padding-left of CSS.

• padding-left
• Values: percentage | length

Example:
.classname{padding-left : length;}

margin-right

Margin-right of CSS.

• margin-right
• Values: percentage | length | auto

Example:

.classname{margin-right : auto;}

margin-left

Margin-left of CSS.

• margin-left
• Values: percentage | length | auto

Example:

.classname{margin-left : auto;}

margin-bottom

Margin-bottom of CSS.

• margin-bottom
• Values: percentage | length | auto

Example:

.classname{margin-bottom : auto;}

margin-top

Margin-top of CSS.

• margin-top
• Values: percentage | length | auto

Example:

.classname{margin-top : auto;}

margin

Margin-top of CSS.

• margin-top
• Values: percentage | length | auto

Example:
.classname{margin-top : auto;}

Margin-bottom of CSS.

• margin-bottom
• Values: percentage | length | auto

Example:
.classname{margin-bottom : auto;}

Margin-left of CSS.

• margin-left
• Values: percentage | length | auto

Example:
.classname{margin-left : auto;}


Margin-right of CSS.

• margin-right
• Values: percentage | length | auto

Example:
.classname{margin-right : auto;}

border-left-color

Border-left-color of CSS.

• border-left-color
• Values: aqua | blue | gray | black | coral etc...

Example:
.classname{border-left-color : coral;}

border-left-style

Border-left-style of CSS.

• border-left-style
• Values: none | solid | double | groove | ridge | inset | outset | dotted | dashed
  

Example:

.classname{border-left-style : double;}

border-left-width

Border-left-width of CSS.

• border-left-width
• Values: thin | medium | thick

Example:

.classname{border-left-width : thick;}

border-left-color

Border-left-color of CSS.

• border-left-color
• Values: aqua | blue | gray | black etc...

Example:
.classname{border-left-color : gray;}

border-right-color

Border-right-color of CSS.

• border-right-color
• Values: aqua | blue | gray | black | coral etc...

Example:

.classname{border-right-color : gray;}

border-top-color

Border-top-color of CSS.

• border-top-color
• Values: aqua | blue | gray | black etc...

Example:
.classname{border-top-color : gray;}

border-bottom-style

Border-bottom-style of CSS.

• border-bottom-style
  
• Values: none | solid | double | groove | ridge | inset | outset | dotted | dashed

Example:
.classname{border-bottom-style : solid;}

border-bottom-color

Border-bottom-color of CSS.

• border-bottom-color
• Values: aqua | black | blue etc....

Example:
.classname{border-bottom-color : black;}

border-bottom-width

Border-bottom-width of CSS.

• border-bottom-width
• Values: thin | medium | thick
  

Example:
.classname{border-bottom-width : thin;}

border-color

Border color of CSS.

• border-color
• Values: aqua | black | blue etc...

Example:
.classname{border-color : aqua;}

border-style

Border style of CSS.

• border-style
• Values: none | solid | double | groove | ridge | inset | outset | dotted | dashed

Example:
.classname{border-style : solid;}

border-width

Border width of CSS.

• border-width
  
• Values : thick | medium | thin
  

Example:
.classname{border-width : thick;}