Docsity
Docsity

Prepare for your exams
Prepare for your exams

Study with the several resources on Docsity


Earn points to download
Earn points to download

Earn points by helping other students or get them with a premium plan


Guidelines and tips
Guidelines and tips

CSS Properties List - Introduction to Computers and the Internet | CS 0110, Study notes of Computer Science

Material Type: Notes; Class: INTRO PERSNL COMPUTR & INTRNET; Subject: Computer Science; University: University of Pittsburgh; Term: Spring 2009;

Typology: Study notes

Pre 2010
On special offer
30 Points
Discount

Limited-time offer


Uploaded on 09/02/2009

koofers-user-n3s
koofers-user-n3s 🇺🇸

10 documents

1 / 2

Toggle sidebar

This page cannot be seen from the preview

Don't miss anything!

bg1
CSS Properties List
Property Name
Description
Values
Valid in
Tags
General Properties
background-color
Specify the background
color
black, blue, brown, gray, green, orange, pink,
purple, red, white, yellow
non-
singleton
background-image
Specify the background
image
url
non-
singleton
color
Specifies the
foreground color
black, blue, brown, gray, green, orange, pink,
purple, red, white, yellow
non-
singleton
height
Specifies the height of
the element
length
percentage
block-level
width
Specifies the width of
the element
length
percentage
block-level
Text Properties
font-family
Specify the type of font
(font face)
specific name, e.g. arial, courier new, geneva,
helvetica
font type: serif, sans-serif, cursive, fantasy,
monospace
non-
singleton
font-size
Specify the size of the
font
xx-small, x-small, small, medium, large, x-
large, xx-large
exact size
percentage
non-
singleton
font-style
Specifies italics
italic, normal
non-
singleton
font-weight
Specifies boldness
bolder, bold, normal, lighter
non-
singleton
text-align
Specifies horizontal
alignment
left, center, right, justify
block-level
text-decoration
Specify underline,
overline, …
underline, line-through, overline, none
text-level
text-indent
Indents first line
length
percentage
block-level
List Properties
list-style-type
Specify the type of
bullet point used in
lists
disc, circle, square,
lower-roman, upper-roman,
lower-greek,
lower-latin (or lower-alpha), upper-latin (or
upper-alpha)
none
li, ol, ul
Spacing Around Elements
margin-top,
margin-bottom,
margin-left,
margin-right
Specify the space
between the element
border and other
elements
length
percentage
all body
tags
pf2
Discount

On special offer

Partial preview of the text

Download CSS Properties List - Introduction to Computers and the Internet | CS 0110 and more Study notes Computer Science in PDF only on Docsity!

CSS Properties List

Property Name Description Values Valid in Tags General Properties background-color Specify the background color

black, blue, brown, gray, green, orange, pink, purple, red, white, yellow

non- singleton background-image Specify the background image

url non- singleton color Specifies the foreground color

black, blue, brown, gray, green, orange, pink, purple, red, white, yellow

non- singleton height Specifies the height of the element

lengthpercentage

block-level

width Specifies the width of the element

lengthpercentage

block-level

Text Properties font-family Specify the type of font (font face)

specific name, e.g. arial, courier new, geneva, helvetica  font type: serif, sans-serif, cursive, fantasy, monospace

non- singleton

font-size Specify the size of the font

 xx-small, x-small, small, medium, large, x- large, xx-large  exact sizepercentage

non- singleton

font-style Specifies italics italic, normal non- singleton font-weight Specifies boldness bolder, bold, normal, lighter non- singleton text-align Specifies horizontal alignment

left, center, right, justify block-level

text-decoration Specify underline, overline, …

underline, line-through, overline, none text-level

text-indent Indents first line (^)  lengthpercentage

block-level

List Properties list-style-type Specify the type of bullet point used in lists

disc, circle, square, lower-roman, upper-roman, lower-greek, lower-latin (or lower-alpha) , upper-latin (or upper-alpha) none

li, ol, ul

Spacing Around Elements margin-top, margin-bottom, margin-left, margin-right

Specify the space between the element border and other elements

lengthpercentage

all body tags

padding-top, padding - bottom, padding - left, padding - right

Specify the space between the element and its border

lengthpercentage

all body tags

Border Properties border, border-top, border-bottom, border-left, border-right

Specify the appearance of the border around an element

 This property takes three values, separated by spaces:

  1. length/percentage
  2. style  none, dotted, dashed, solid, double, groove, ridge, inset, outset
  3. color  see the values for the color property  Here’s an example of a border property: border:1em groove red

all body tags

Notes:

 CSS properties can only be applied to body tags.  Values: o exact size and length – The length/size is a number followed by units. The units are:  em – The size of the font (usually the height of ‘M’ in the current font).  ex – The height of an ‘x’ in the current font.  pt – Point; the font sizes used in Word  px – Pixels; the number of dots (pixels) used o percentage – The percentage of the original size  Valid in Tags: o block-level tags – tags that define regions (or logical blocks) in the page. They generally can contain many other tags, e.g. body, div, h1-h6, ol, p, table, td, ul o text-level tags – tags that can hold text, e.g. body, a, div, h1-h6, li, p, span, td. This does not include the title tag since it is a head tag.

References:

CSS Properties Library: http://webdesign.about.com/od/css/a/aastylelibrary.htm