CSS-font)

Font:

Value	Description (Font Style)
Caption	Normal
Small-Caption	Italic. For special fonts without italic variables, oblique will be applied.
Icon	Skewed font
Menu
Message-box
Status-bar

Example:

example	effect
Font: caption "> Hello China! Font: Small-caption "> Hello China! Font: icon "> Hello China! Font: menu "> Hello China! Font: Message-box "> Hello China! Font: Status-bar "> Hello China!

 

Font-style:

Value	Description (Font Style)
Normal	Normal
Italic	Italic. For special fonts without italic variables, oblique will be applied.
Oblique	Skewed font

Example:

Example	Effect
<SpanClass="Span1"> Computer Science and Technology </span> <br/> <SpanClass="Span2"> Computer Science and Technology </span> <br/> <SpanClass="Span3"> Computer Science and Technology </span>. span1 {font-style: normal;}. span2 {font-style: italic ;}. span3 {font-style: oblique ;}

 

Font-variant:

Value	Description
Normal	Normal font
Smallcaps	Uppercase letter font smaller than normal

Example:

Example	Effect
<Span style ="Font-variant: normal"> Computer </span> <br/> <span style ="Font-variant: Small-caps"> Computer </span>

 

Font-weight:

Value	Description (font width)
Normal	Normal font, equivalent to 400
Bold	Bold, equivalent to 700
Border	Thicker than normal
Lighter	Finer than normal
100,200 .., 800,900

Example:

Example	Effect
<Span style ="Font-weight: lighter"> Computer Science and Technology </span> <br/> <span style ="Font-weight: normal"> Computer Science and Technology </span> <br/> <span style ="Font-weight: bold"> Computer Science and Technology </span> <br/> <span style ="Font-weight: bolder"> Computer Science and Technology </span> <br/>

 

Font-size:

& Lt; TD width = "257" & gt; Medium & lt;/TD & gt; & Lt; TD width = "257" & gt; large & lt;/TD & gt; & Lt; TD width = "257" & gt; Length & lt;/TD & gt;

value	description (font size)
XX-small	absolute font, minimum
X-small	absolute font, small
small	absolute font, small
normal
absolute font, large
X-large	absolute font, large
XX-large	absolute font, max
larger	relative font size. Relative to the font size of the parent image, the unit is em.
lighter	relative font size. Relative to the font size of the parent image, the unit is em.
Percentage | length (20% or 12px) composed of floating point numbers and unit identifiers

Example:

Example

Effect

<Span style =" Font-size: XX-small "> Computer Science and Technology </span> <br/> <span style =" Font-size: X-small "> Computer Science and Technology </span> <br/> <span style =" Font-size: Small "> Computer Science and Technology </span> <br/> <span style =" Font-size: Medium "> Computer Science and Technology </span> <br/> <span style =" Font-size: Large "> Computer Science and Technology </span> <br/> <span style =" Font-size: X-large "> Computer Science and Technology </span> <br/> <span style =" Font-size: XX-large "> Computer Science and Technology </span> <br/> <span style =" Font-size: 40px "> Computer Science and Technology </span> <br/> <span style =" Font-size: 100% "> Computer Science and Technology </span> <br/>

 

Font-family:

Value	Description (font name)
Name	Sort by priority. Separated by commas. If the font name contains spaces, enclose them in quotation marks. The second declaration method uses the listed font sequence names.

Example:

Example	Effect
<Span style ="Font-family: @"> Computer Science and Technology </span>

 

Color:

Value	Description (color)
Color	Specify the color. It can be set to #111111, red, or RGB (100,100,100)

Example:

Example	Effect
<Span style ="Color: #11ff11"> Computer Science and Technology </span> <br/> <span style ="Color: Aqua"> Computer Science and Technology </span>

 

Text-Decoration:

Value	Description (Text decoration)
None	No Decoration
Underline	Underline
Overline	Penetration
Line-through	Dashes
Blink	Flashing

Example:

Example

Effect

<Span style ="Text-Decoration: None"> Computer Science and Technology </span> <br/> <span style ="Text-Decoration: underline"> Computer Science and Technology </span> <br/> <span style ="Text-Decoration: Line-through"> Computer Science and Technology </span> <br/> <span style ="Text-Decoration: overline"> Computer Science and Technology </span> <br/> <span style ="Text-Decoration: Blink"> Computer Science and Technology (ineffective) </span>

 

Text-transform:

Value	Description (case-sensitive conversion)
None	No Conversion
Capitalize	When the first letter of each word is converted to uppercase, the rest are not converted.
Uppercase	Convert to uppercase
Lowercase	Convert to lowercase

Example:

Example	Effect
<Span style ="Text-transform: None"> Computer </span> <br/> <span style ="Text-transform: lowercase"> Computer </span> <br/> <span style ="Text-transform: uppercase"> Computer </span> <br/> <span style ="Text-transform: Capitalize"> Computer </span>

 

Line-height:

Value	Description (line height)
Normal	Default Row Height
Length	Percent number | length value composed of floating-point numbers and unit identifiers, which can be negative values. The percentage value is the font-based height and size.

Example:

Example	Effect
<Span style ="Line-Height: 12px;"> Computer </span> <br/> <span style ="Line-Height: 10.5;"> Computer </span> <br/>

 

Letter-Spacing:

Value	Description (letter spacing)
Normal	Default Row Height
Length	Percent number | length value composed of floating-point numbers and unit identifiers, which can be negative values. The percentage value is the font-based height and size.

Example:

Example	Effect
<Span style ="Letter-Spacing: 6px;"> Computer </span> <br/> <span style ="Letter-Spacing: 5pt;"> Computer </span> <br/>

 

Word-Spacing:

Value	Description (word spacing)
Normal	Default Row Height
Length	Percent number | length value composed of floating-point numbers and unit identifiers, which can be negative values. The percentage value is the font-based height and size.

Example:

example	effect
word-Spacing: 10px; "> Hello World word-Spacing: 5; "> Hello World