Scribd
Upload
8 views5 pages

Moreno Prog6assign1qtr2 1

Programming

Uploaded by

CGAMER08
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
8 views5 pages

Moreno Prog6assign1qtr2 1

Programming

Uploaded by

CGAMER08
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 5

Kirdee Moreno Programming

Assignment

CSS Font Properties

CSS provides various properties to control the appearance of text on a

webpage. Here are some key font properties, their definitions, and

examples:

Font Family

* Definition: Specifies the font family to be used for the text.

* Example:

Font-family: Arial, sans-serif;

Font-family: ‘Times New Roman’, serif;

Font-family: ‘Roboto’, sans-serif;

Font Size

* Definition: Sets the size of the text.


* Example:

Font-size: 16px;

Font-size: 1.2em;

Font-size: 120%;

Font Style

* Definition: Controls the font style, typically used for italics.

* Example:

Font-style: italic;

Font-style: normal;

Font Weight

* Definition: Specifies the boldness of the text.

* Example:

Font-weight: bold;

Font-weight: normal;
Font-weight: 700;

Font Variant

* Definition: Controls the font variant, typically used for small caps.

* Example:

Font-variant: small-caps;

Font-variant: normal;

Line Height

* Definition: Sets the line height of the text.

* Example:

Line-height: 1.5;

Line-height: 20px;

Letter Spacing

* Definition: Adjusts the spacing between characters.


* Example:

Letter-spacing: 2px;

Letter-spacing: 0.5em;

Word Spacing

* Definition: Adjusts the spacing between words.

* Example:

Word-spacing: 5px;

Word-spacing: 0.2em;

Text Transform

* Definition: Converts text to uppercase, lowercase, or capitalize.

* Example:

Text-transform: uppercase;

Text-transform: lowercase;

Text-transform: capitalize;
Text Decoration

* Definition: Applies decorations like underlines, overlines, or

strikethroughs to text.

* Example:

Text-decoration: underline;

Text-decoration: overline;

Text-decoration: line-through;

You might also like