CSS Summary

css back index

Preamble

I also used perl to generate my own list from css found locally - My List - in my Dell01 machine.

But other parts of this page is loosely based on this W3Schools page, but without the important links to more details, so if possible it is much better to view that page while it exists.

CSS Property Groups

top

Background Properties

Property Description CSS
background Sets all the background properties in one declaration 1
background-attachment Sets whether a background image is fixed or scrolls with the rest of the page 1
background-color Sets the background color of an element 1
background-image Sets the background image for an element 1
background-position Sets the starting position of a background image 1
background-repeat Sets how a background image will be repeated 1

top

Border and Outline Properties

Property Description CSS
border Sets all the border properties in one declaration 1
border-bottom Sets all the bottom border properties in one declaration 1
border-bottom-color Sets the color of the bottom border 2
border-bottom-style Sets the style of the bottom border 2
border-bottom-width Sets the width of the bottom border 1
border-color Sets the color of the four borders 1
border-left Sets all the left border properties in one declaration 1
border-left-color Sets the color of the left border 2
border-left-style Sets the style of the left border 2
border-left-width Sets the width of the left border 1
border-right Sets all the right border properties in one declaration 1
border-right-color Sets the color of the right border 2
border-right-style Sets the style of the right border 2
border-right-width Sets the width of the right border 1
border-style Sets the style of the four borders 1
border-top Sets all the top border properties in one declaration 1
border-top-color Sets the color of the top border 2
border-top-style Sets the style of the top border 2
border-top-width Sets the width of the top border 1
border-width Sets the width of the four borders 1
outline Sets all the outline properties in one declaration 2
outline-color Sets the color of an outline 2
outline-style Sets the style of an outline 2
outline-width Sets the width of an outline 2

top

Dimension Properties

Property Description CSS
height Sets the height of an element 1
max-height Sets the maximum height of an element 2
max-width Sets the maximum width of an element 2
min-height Sets the minimum height of an element 2
min-width Sets the minimum width of an element 2
width Sets the width of an element 1

top

Font Properties

Property Description CSS
font Sets all the font properties in one declaration 1
font-family Specifies the font family for text 1
font-size Specifies the font size of text 1
font-style Specifies the font style for text 1
font-variant Specifies whether or not a text should be displayed in a small-caps font 1
font-weight Specifies the weight of a font 1

top

Generated Content Properties

Property Description CSS
content Used with the :before and :after pseudo-elements, to insert generated content 2
counter-increment Increments one or more counters 2
counter-reset Creates or resets one or more counters 2
quotes Sets the type of quotation marks for embedded quotations 2

top

List Properties

Property Description CSS
list-style Sets all the properties for a list in one declaration 1
list-style-image Specifies an image as the list-item marker 1
list-style-position Specifies if the list-item markers should appear inside or outside the content flow 1
list-style-type Specifies the type of list-item marker 1

top

Margin Properties

Property Description CSS
margin Sets all the margin properties in one declaration 1
margin-bottom Sets the bottom margin of an element 1
margin-left Sets the left margin of an element 1
margin-right Sets the right margin of an element 1
margin-top Sets the top margin of an element 1

top

Padding Properties

Property Description CSS
padding Sets all the padding properties in one declaration 1
padding-bottom Sets the bottom padding of an element 1
padding-left Sets the left padding of an element 1
padding-right Sets the right padding of an element 1
padding-top Sets the top padding of an element 1

top

Positioning Properties

Property Description CSS
bottom Sets the bottom margin edge for a positioned box 2
clear Specifies which sides of an element where other floating elements are not allowed 1
clip Clips an absolutely positioned element 2
cursor Specifies the type of cursor to be displayed 2
display Specifies the type of box an element should generate 1
float Specifies whether or not a box should float 1
left Sets the left margin edge for a positioned box 2
overflow Specifies what happens if content overflows an element's box 2
position Specifies the type of positioning for an element 2
right Sets the right margin edge for a positioned box 2
top Sets the top margin edge for a positioned box 2
visibility Specifies whether or not an element is visible 2
z-index Sets the stack order of an element 2

top

Print Properties

Property Description CSS
orphans Sets the minimum number of lines that must be left at the bottom of a page when a page break occurs inside an element 2
page-break-after Sets the page-breaking behavior after an element 2
page-break-before Sets the page-breaking behavior before an element 2
page-break-inside Sets the page-breaking behavior inside an element 2
widows Sets the minimum number of lines that must be left at the top of a page when a page break occurs inside an element 2

top

Table Properties

Property Description CSS
border-collapse Specifies whether or not table borders should be collapsed 2
border-spacing Specifies the distance between the borders of adjacent cells 2
caption-side Specifies the placement of a table caption 2
empty-cells Specifies whether or not to display borders and background on empty cells in a table 2
table-layout Sets the layout algorithm to be used for a table 2

top

Text Properties

Property Description CSS
color Sets the color of text 1
direction Specifies the text direction/writing direction 2
letter-spacing Increases or decreases the space between characters in a text 1
line-height Sets the line height 1
text-align Specifies the horizontal alignment of text 1
text-decoration Specifies the decoration added to text 1
text-indent Specifies the indentation of the first line in a text-block 1
text-shadow Specifies the shadow effect added to text 2
text-transform Controls the capitalization of text 1
unicode-bidi 2
vertical-align Sets the vertical alignment of an element 1
white-space Specifies how white-space inside an element is handled 1
word-spacing Increases or decreases the space between words in a text 1

top

CSS Pseudo-classes/elements

Property Description CSS
:active Adds a style to an element that is activated 1
:after Adds content after an element 2
:before Adds content before an element 2
:first-child Adds a style to an element that is the first child of another element 2
:first-letter Adds a style to the first character of a text 1
:first-line Adds a style to the first line of a text 1
:focus Adds a style to an element that has keyboard input focus 2
:hover Adds a style to an element when you mouse over it 1
:lang Adds a style to an element with a specific lang attribute 2
:link Adds a style to an unvisited link 1
:visited Adds a style to a visited link 1

top css back index

And a list I generated using perl, scanning many (local) web pages...

Collecting CSS file from [C:\HOMEPAGE], recursively...
Got 2027 CSS files to process...
Show of 163 CSS keys...
-khtml-box-sizing           : [border-box] 
-khtml-user-select          : [normal] 
-kthml-user-focus           : [normal] 
-moz-border-radius          : [1em] 
-moz-border-radius-topleft  : [10px] 
-moz-border-radius-topright : [10px] 
-moz-box-sizing             : [border-box] 
-moz-opacity                : [0.35] 
-moz-outline                : [none] 
-moz-user-focus             : [normal] 
-moz-user-select            : [normal] 
-ms-box-sizing              : [border-box] 
-ms-filter                  : ["progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"] 
-o-text-overflow            : [ellipsis] 
-webkit-border-radius       : [1em] 
-webkit-box-sizing          : [border-box] 
-webkit-user-select         : [none] 
_display                    : [block] 
backgroud-repeat            : [repeat-y] 
background                  : [#f0f8ff] [rgb(60,255,60)] [url("../img/previous.gif") no-repeat left center] [black]
 [transparent url(../images/btn_proceed_to_checkout_rad.gif) no-repeat 100% 0] [none] [0 !important]
 [inherit] [none!important] [White] [red] 
background-attachment       : [fixed] 
background-color            : [#efefef] [aqua] [powderblue] [peachpuff] [black] [silver] [green] [red] [rgba(255, 255, 255, 0.8)] [transparent] [ButtonFace] [Menu] [Highlight] 
 [navy] [white] [Gray] [inherit] [gray] [White] [blue] [expression(parentElement.currentStyle.backgroundColor)] 
background-image            : [url("mperl/cldsp.jpg")] [none] 
background-position         : [10px 10px !important] [left center] [0 0] [0 -55px] [100% -52px] [0 1px] [right 5px] [0 -30px] 
background-repeat           : [repeat-x] [no-repeat] [repeat-y] [no-repeat !important] [repeat] 
behavior                    : [ url(../themes/iefix/iepngfix.htc) ] 
boder-style                 : [none] 
border                      : [2 outset activeborder] 
border-bottom               : [4 solid #ffffcc] 
border-bottom-color         : [white] 
border-bottom-style         : [dashed] 
border-bottom-width         : [0] 
border-collapse             : [separate] 
border-color                : [expression(parentElement.currentStyle.borderColor)] [rgb(204,204,153)] 
border-left                 : [4 solid #ffffcc] 
border-left-color           : [#ff6600] 
border-left-width           : [0px] 
border-radius               : [1em] 
border-right                : [0 solid #000000] 
border-right-color          : [#ff6600] 
border-right-width          : [0] 
border-spacing              : [4px] 
border-style                : [ridge ridge solid !important] 
border-top                  : [3px solid #9c9] 
border-top-color            : [#e96200] 
border-top-style            : [none] 
border-top-width            : [0px] 
border-width                : [1pt] 
bottom                      : [15px] 
box-sizing                  : [border-box] 
clear                       : [none] [both] [left] [right] [inherit] [none !important] floating elements
clip                        : [rect(0 467px 200px 0)] 
collapsed                   : [yes] 
color                       : [White] 
content                     : [" - Verdana headlines, Verdana text"] 
cursor                      : [text] 
direction                   : [rtl] 
display                     : [-moz-inline-table] 
filter                      : [alpha(opacity:0)] 
float                       : [left !important] 
font                        : [normal 9px Arial] 
font-family                 : [Impact, sans-serif] 
font-size                   : [.68em] 
font-size-adjust            : [0.5] 
font-style                  : [normal] 
font-variant                : [small-caps] 
font-weight                 : [ bold ] 
height                      : [3%] 
left                        : [15%] 
letter-spacing              : [1em] 
line-height                 : [1.33em] 
list-image-1                : [url(bcabull1.gif)] 
list-image-2                : [url(bcabull2.gif)] 
list-image-3                : [url(bcabull3.gif)] 
list-style                  : [inside url(images/M_images/arrow.png) 3px] 
list-style-image            : [url(bcabull3.gif)] 
list-style-position         : [outside] 
list-style-type             : [square] 
margin                      : [2px auto] 
margin-bottom               : [1.0em] 
margin-left                 : [-22px] 
margin-right                : [5px !important] 
margin-top                  : [1.2em] 
max-height                  : [510px] 
max-width                   : [1050px] 
min-height                  : [300px] 
min-width                   : [470px] 
nav-banner-image            : [url(bcabnr.gif)] 
navbutton-background-color  : [rgb(153,153,102)] 
navbutton-home-hovered      : [url(bcahomm.gif)] 
navbutton-home-normal       : [url(bcahomd.gif)] 
navbutton-home-pushed       : [url(bcahomd.gif)] 
navbutton-horiz-hovered     : [url(bcahnm.gif)] 
navbutton-horiz-normal      : [url(bcahnd.gif)] 
navbutton-horiz-pushed      : [url(bcahns.gif)] 
navbutton-next-hovered      : [url(bcanexm.gif)] 
navbutton-next-normal       : [url(bcanexd.gif)] 
navbutton-next-pushed       : [url(bcanexd.gif)] 
navbutton-prev-hovered      : [url(bcaprem.gif)] 
navbutton-prev-normal       : [url(bcapred.gif)] 
navbutton-prev-pushed       : [url(bcapred.gif)] 
navbutton-up-hovered        : [url(bcaupm.gif)] 
navbutton-up-normal         : [url(bcaupd.gif)] 
navbutton-up-pushed         : [url(bcaupd.gif)] 
navbutton-vert-hovered      : [url(bcavnm.gif)] 
navbutton-vert-normal       : [url(bcavnd.gif)] 
navbutton-vert-pushed       : [url(bcavns.gif)] 
opacity                     : [0.35] 
outline                     : [none] 
overflow                    : [scroll] 
overflow-color              : [#000000] 
overflow-x                  : [false] 
overflow-y                  : [hidden !important] 
padding                     : [0.2em 1em] 
padding-bottom              : [0.2em] 
padding-left                : [27px] 
padding-right               : [3%] 
padding-top                 : [22px] 
padding_bottom              : [10px] 
page-break-after            : [avoid] 
position                    : [absolute !important] 
right                       : [0.5em] 
scrollbar-3dlight-color     : [#F0F0EE] 
scrollbar-arrow-color       : [#676662] 
scrollbar-base-color        : [#F0F0EE] 
scrollbar-darkshadow-color  : [#DDDDDD] 
scrollbar-face-color        : [#E0E0DD] 
scrollbar-highlight-color   : [#F0F0EE] 
scrollbar-shadow-color      : [#F0F0EE] 
scrollbar-track-color       : [#F5F5F5] 
separator-image             : [url(bcarule.gif)] 
table-border-color-dark     : [rgb(102,102,51)] 
table-border-color-light    : [rgb(102,102,51)] 
table-layout                : [fixed] 
text-align                  : [ right ] 
text-decoration             : [overline underline] 
text-deoration              : [underline] 
text-indent                 : [0] 
text-justify                : [newspaper] 
text-overflow               : [ellipsis] 
text-shadow                 : [black 3px 3px, yellow -3px -3px] 
text-transform              : [none!important] 
top                         : [11%] 
top-bar-button              : [url(bcgbl.gif)] 
valign                      : [top] 
vertical-align              : [4px] 
visibility                  : [visible !important] 
white-space                 : [normal !important] 
width                       : [13em] 
word-spacing                : [-1px] 
word-wrap                   : [none] 
z-index                     : [-3] 
zoom                        : [1] 

top css back index

checked by tidy  Valid HTML 4.01 Transitional