Scribd
Upload
9 views4 pages

10 4 2024 (Cma)

The document discusses CSS property value forms and different types of property values like keywords, numbers, lengths, units, and colors. It also covers font and list properties in CSS and examples of values for properties like font-style, font-variant, font-weight, font-size, font-family, and list-style-type.

Uploaded by

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

10 4 2024 (Cma)

The document discusses CSS property value forms and different types of property values like keywords, numbers, lengths, units, and colors. It also covers font and list properties in CSS and examples of values for properties like font-style, font-variant, font-weight, font-size, font-family, and list-style-type.

Uploaded by

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

Property Value Forms

CSS1 include 60 different properties in 7 categories:


• Fonts • Lists • Alignment of text
• Margins • Colors • Backgrounds • Borders
Property Values (values of properties)
• Keywords – large,medium, small, …
• Number values – integers,decimal numbers etc.
• Length - numbers, maybe with decimal points followed by two-character abbreviation of a
unit name
• Units:
• px - pixels
• in – inches
• cm - centimeters
• mm - millimeters
• pt - points
• pc - picas (12 points)
• em – value of the current font size in pixels
• ex - height of the letter ‘x’
• Colors
• Color name: eg: fuchsia
• rgb(n1, n2, n3) :Eg: rgb(255,0,255)
• Numbers can be decimal or percentages
• Hexadecimal form: hexadecimal numbers must be preceded with pound(#) sign. Eg :
#B0E0E6 stands for powder blue color.
Font Properties

Property/Value Description

font-style Specifies the font style. Default value is "normal"

values are: font-style: normal font-style: oblique


font-style: italic

font-variant Specifies the font variant. Default value is "normal"

Values are: font-varient:normal;

font-varient:small-caps;

font-weight Specifies the font weight. Default value is "normal"

Values are

Font-weight: normal; bold,


bolder,100,200,300,400,500,600,….

font-size/line- Specifies the font size and the line-height. Default value is
height "normal"

Values are font-size:10px; fort-size:40px;

font-family Specifies the font family. Default value depends on the


browser

Values are font-family:arial; font-family:Times New


Roman;
List Properties

The list-style-type property specifies the type of list item marker.

The following example shows some of the available list item markers:

<!DOCTYPE html>
<html>
<head>
<style>
ul.a {
list-style-type: circle;
}
ul.b {
list-style-type: square;
}
ol.c {
list-style-type: upper-roman;
}
ol.d {
list-style-type: lower-alpha;
}
</style>
</head>
<body>
<h2>The list-style-type Property</h2>
<p>Example of unordered lists:</p>
<ul class="a">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>

<ul class="b">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
<p>Example of ordered lists:</p>
<ol class="c">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<ol class="d">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
</body>
</html>

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy