![]() | |||||||||||||||||||||||||||||||||||||||||||||||||
| |||||||||||||||||||||||||||||||||||||||||||||||||
HomeWeb DevelopmentShort ContentsIntroductionCSS Basics Selectors Terminology Colours Fonts Text Blocks Classification Full ContentsIntroductionOther CSS sitesDownload this Guide CSS BasicsSetting Styles...setting values Comments Inheritance Selectors...by class...by id ...contextual Psuedo Classes ...<A> links Psuedo Elements ...first line ...first letter TerminologyCascades"! important" CSS element model Block elements Terminology used here Units ...lengths ...colours ColoursForeground colourBackground ...-color ...-image ...-repeat ...-attachment ...-position FontsFont...-family ...-style ...-variant ...-weight ...-size Textword-spacingletter-spacing text-decoration vertical-align text-transform text-align text-indent line-height Blocksmargin-topmargin-right margin-left margin-bottom margin padding-top padding-right padding-bottom padding-left padding border-top-width border-right-width border-bottom-width border-left-width border-width border-color border-style border-top border-left border-bottom border-right border width height float clear ClassificationDisplaywhitespace list-style list-style-type list-style-image list-style-position |
Classification propertiesThese advanced properties classify elements into categories, as is seen below...display
This property describes how / if an element is displayed on the screen or printed page, specifying whether it is treated as a block (line breaks before and after, other elements within it), inline (everything else), list (list markers inserted), or not displayed at all. white-space
Specifies how white spaces (line feeds, tabs, etc) are displayed : normally (they are ignored), like the <pre> HTML element, or with line wrapping only done with <BR> elements. list-style-type
Specifies what type of marker character is used in lists. OL { list-style-type: decimal } /* 1 2 3 4 5 etc. */ OL { list-style-type: lower-alpha } /* a b c d e etc. */ OL { list-style-type: lower-roman } /* i ii iii iv v etc. */ list-style-image
Specifies an image that will be used as the marker in lists. list-style-position
list-style
Used to set 'list-style-type', 'list-style-image' and 'list-style-position' together.
(C)opyright, Geoff Knagge.
Continued use of this site indicates your agreement to the Conditions of use and Privacy Policy. |