• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
C S S1
 

C S S1

on

  • 593 views

 

Statistics

Views

Total Views
593
Views on SlideShare
593
Embed Views
0

Actions

Likes
0
Downloads
0
Comments
0

0 Embeds 0

No embeds

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

    C S S1 C S S1 Presentation Transcript

    • background-position (¥) § 5.3.6 margin-bottom (¥) § 5.5.3 CSS1 PROPERTIES The Cascading Style Sheets Level 1 properties outlined here are grouped Value: [<percentage> | <length>]{1,2} | [top | center | bottom] || Value: <length> | <percentage> | auto into the appropriate categories. For each property the following [left | center | right] Default: 0 information is specified: Default: 0% 0% Percentage values: refer to parent element's width ?? The property name and section number within the CSS1 specification Applies to: block-level and replaced elements margin-left (¥) § 5.5.4 ?? The set of possible values for the property Percentage values: refer to the size of the element itself Value: <length> | <percentage> | auto ?? The default value (in bold, or specified separately) background (¥) § 5.3.7 Default: 0 ?? The elements that the property applies to (all unless otherwise stated) Value: <background-color> || <background-image> || Percentage values: refer to parent element's width ?? ¥ indicates a property that is not inherited <background-repeat> || <background-attachment> || margin (¥) § 5.5.5 The notation used in this Quick Reference is summarised at the end. <background-position> FONT PROPERTIES Value: <length> | <percentage> | auto {1, 4} Default: not defined for shorthand properties Default: not defined for shorthand properties Percentage values: allowed on <background-position> font-family § 5.2.2 Percentage values: refer to parent element's width TEXT PROPERTIES Value: [[<family-name> | <generic-family>],]* padding-top (¥) § 5.5.6 [<family-name> | <generic-family>] word-spacing § 5.4.1 Value: <length> | <percentage> Default: UA specific Default: 0 Value: normal | <length> Percentage values: refer to width of closest block-level ancestor <generic-family> letter-spacing § 5.4.2 padding-right (¥) § 5.5.7 serif | sans-serif | cursive | fantasy | monospace Value: normal | <length> font-style § 5.2.3 Value: <length> | <percentage> text-decoration (¥) § 5.4.3 Default: 0 Value: normal | italic | oblique Percentage values: refer to width of closest block-level ancestor Value: none | [ underline || overline || line-through || blink ] font-variant § 5.2.4 padding-bottom (¥) § 5.5.8 vertical-align (¥) § 5.4.4 Value: normal | small-caps Value: <length> | <percentage> Value: baseline | sub | super | top | text-top | middle | bottom | font-weight § 5.2.5 Default: 0 text-bottom | <percentage> Value: normal | bold | bolder | lighter | Percentage values: refer to width of closest block-level ancestor Applies to: inline elements 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 Percentage values: refer to the 'line-height' of the element itself padding-left (¥) § 5.5.9 font-size § 5.2.6 Value: <length> | <percentage> text-transform § 5.4.5 Value: <absolute-size> | <relative-size> | <length> | <percentage> Default: 0 Percentage values: relative to parent element's font size Value: capitalize | uppercase | lowercase | none Percentage values: refer to width of closest block-level ancestor text-align § 5.4.6 padding (¥) § 5.5.10 <absolute-size> Value: left | right | center | justify Value: <length> | <percentage> {1, 4} xx-small | x-small | small | medium | large | x-large | xx-large Default: UA specific Default: not defined for shorthand properties <relative-size> Percentage values: refer to width of closest block-level ancestor Applies to: block-level elements larger | smaller text-indent § 5.4.7 border-top-width (¥) § 5.5.11 font § 5.2.7 Value: thin | medium | thick | <length> Value: <length> | <percentage> Value: [ <font-style> || <font-variant> || <font-weight> ]? Default: 0 border-right-width (¥) § 5.5.12 <font-size> [ / <line-height> ]? <font-family> Applies to: block-level elements Default: not defined for shorthand properties Value: thin | medium | thick | <length> Percentage values: refer to parent element's width Percentage values: allowed on <font-size> and <line-height> border-bottom-width (¥) § 5.5.13 line-height § 5.4.8 COLOR AND BACKGROUND PROPERTIES Value: thin | medium | thick | <length> Value: normal | <number> | <length> | <percentage> color § 5.3.1 border-left-width (¥) § 5.5.14 Percentage values: relative to the font size of the element itself Value: <color> BOX PROPERTIES Value: thin | medium | thick | <length> Default: UA specific border-width (¥) § 5.5.15 margin-top (¥) § 5.5.1 background-color (¥) § 5.3.2 Value: thin | medium | thick | <length> {1, 4} Value: <length> | <percentage> | auto Value: <color> | transparent Default: not defined for shorthand properties Default: 0 background-image (¥) § 5.3.3 border-color (¥) § 5.5.16 Percentage values: refer to parent element's width Value: <url> | none margin-right (¥) § 5.5.2 Value: <color>{1,4} background-repeat (¥) § 5.3.4 Default: the value of the 'color' property Value: <length> | <percentage> | auto border-style (¥) § 5.5.17 Value: repeat | repeat-x | repeat-y | no-repeat Default: 0 Percentage values: refer to parent element's width background-attachment (¥) § 5.3.5 Value: none | dotted | dashed | solid | double | groove | ridge | inset | outset Value: scroll | fixed
    • border-top (¥) § 5.5.18 UNITS Value: <border-top-width> || <border-style> || <color> Length units § 6.1 Default: not defined for shorthand properties <length> border-right (¥) § 5.5.19 (+ | -)? <number> <unit> <number> Value: <border-right-width> || <border-style> || <color> <digit>+[. <digit>*]? Default: not defined for shorthand properties <unit> border-bottom (¥) § 5.5.20 <absolute-unit> | <relative-unit> Quick Reference Value: <border-bottom-width> || <border-style> || <color> <absolute-unit> Default: not defined for shorthand properties mm | cm | in | pt | pc border-left (¥) § 5.5.21 <relative-unit> em | ex | px Value: <border-left-width> || <border-style> || <color> Percentage Units § 6.2 Cascading Style Sheets Default: not defined for shorthand properties border (¥) § 5.5.22 <percentage> (CSS) <number>% Value: <border-width> || <border-style> || <color> Color Units § 6.3 Default: not defined for shorthand properties Level 1 width (¥) § 5.5.23 <color> <color-name> | <rgb-color> Value: <length> | <percentage> | auto <color-name> Applies to: block-level and replaced elements aqua | black | blue | fuchsia | gray | green | lime | maroon | W3C Recommendation Percentage values: refer to parent element's width navy | olive | purple | red | silver | teal | white | yellow 17 December 1996, revised 11 January 1999 height (¥) § 5.5.24 <rgb-color> #<hex><hex><hex> | Value: <length> | auto #<hex><hex><hex><hex><hex><hex> | Applies to: block-level and replaced elements rgb(<number>, <number>, <number>) | http://www.w3.org/TR/REC-CSS1 float (¥) § 5.5.25 rgb(<percentage> <percentage>, <percentage>) Value: left | right | none URL § 6.4 clear (¥) § 5.5.26 <url> Table of Contents: Value: none | left | right | both url(text) Properties CLASSIFICATION PROPERTIES PSEUDO CLASSES AND PSEUDO ELEMENTS · Font Properties · Color and Background Properties display (¥) § 5.6.1 Anchor Pseudo Classes Typographic Pseudo Elements · Text Properties Value: block | inline | list-item | none A:link /* unvisited link */ P:first-line /* first line of a P element */ · Box Properties A:visited /* visited links */ P:first-letter /* first letter of a P element */ white-space § 5.6.2 · Classification Properties A:active /* active links */ Value: normal | pre | nowrap Units CSS SAMPLES list-style-type § 5.6.3 · Length Units H1 { font-family: Times } /* all ‘H1’ elements */ · Percentage Units Value: disc | circle | square | decimal | lower-roman | upper-roman | · Color Units lower-alpha | upper-alpha | none H1, H2 { color: blue } /* all ‘H1’ and ‘H2’ elements */ · URL Applies to: elements with 'display' value 'list-item' list-style-image § 5.6.4 H1 EM { color : red } /* ‘EM’ elements within ‘H1’ elements/ Pseudo Class and Pseudo elements Value: <url> | none .para { font-family: Arial } /* all elements with CLASS ‘para’ */ Applies to: elements with 'display' value 'list-item' CSS Samples list-style-position § 5.6.5 H1#z98y { letter-spacing: 0.5em } /* the ‘H1’ element with ID ‘z98y’ */ Notation Value: inside | outside NOTATION Applies to: elements with 'display' value 'list-item' ab a followed by b list-style § 5.6.6 deepX Ltd. [a b] Grouping of a and b Value: <list-style-type> || <list-style-position> || <list-style-image> a|b a or b Default: not defined for shorthand properties a || b either a or b or both in any order Dublin, Ireland Applies to: elements with 'display' value 'list-item' a? a is optional a* zero or more occurrences of a info@deepX.com a+ one or more occurrences of a http://www.deepX.com/ a{1, 4} a occurs at least once and at most 4 times