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