Southend Linux User Group

CSS reference

Cascading Style Sheet Commands

The table below lists some of the properties available. Note the vertical bar between values means OR and is not part of the syntax. E.g. font-style can be one of, normal, or italic, or oblique or inherit. The initial, or default values are shown in blue

Group Name Values Inherited

Font and Text Properties

font See individual values yes
font-style { font-style: normal | italic | oblique | inherit} yes
font-weight { font-weight: normal| bold | bolder | lighter | inherit} yes
font-size { font-size: absolute-size | relative-size | length | percentage |} yes
line-height { font-size: absolute-size | relative-size | length | percentage |} yes
text-decoration { text-decoration: none | [ underline | overline | line-through | inherit | [blink]} no
text-transform { text-transform: capitalize | uppercase | lowercase | none | inherit} yes
text-align { text-align: left | right | center | justify | inherit} yes
text-indent { text-indent: length | percentage | inherit} yes
vertical-align { vertical-align: sub | super | inherit } no
Group Name Values Inherited

Color and

Background

Properties

color { color: color | inherit } e.g. color:#FF0000 or color:#F00 yes
background-color { background-color: color | transparent | inherit} no
background-image { background-image: url | none | inherit } no
background-repeat { background-repeat: repeat | repeat-x | repeat-y | no-repeat } no
background-attachment {background-attachment: scroll | fixed } no
Group Name Values Inherited

Positioning

Properties

position { position: absolute | relative | static} no
top { top: length | percentage | auto} no
left { left: length | percentage | auto} no
width { width: length | percentage | auto} no
height { height: length | percentage | auto} no
visibility { visibility: visible | hidden | inherit} yes
z-index { z-index: integer | auto } no
Group Name Values Inherited
Borders border See individual values
border-width { no
border-color { | transparent | inherit } no
border-style { | inherit } no
border-left | inherit no
border-right | inherit no
border-top | inherit no
border-bottom | inherit no
Group Name Values Inherited

Classification

Properties

display {inline | block | none | inherit | list-item | run-in | inline-block | table
| inline-table | table-row-group | table-header-group | table-footer-group
| table-row | table-column-group | table-column | table-cell | table-caption }
no
list-style-type { list-style-type: disc | circle | square | decimal | lower-roman | upper-roman
| lower-alpha | upper-alpha | none | inherit}
yes
list-style-image { list-style-image: url | none | inherit } yes
page-break-before auto | always | avoid | left | right | inherit no
page-break-after auto | always | avoid | left | right | inherit no
page-break-inside avoid | auto | inherit no
orphans {orphans: integer | inherit ;} e.g. default is 2 yes
widows {widows: integer | inherit;} e.g. default is 2 yes
Group Name Values Inherited
Margins margin See individual values
margin-left { | inherit } no
margin-right { | inherit } no
margin-top { | inherit } no
margin-bottom { | inherit } no
Group Name Values Inherited
Paddinig padding See individual values no
padding-left { | inherit} no
padding-right { | inherit} no
padding-top { | inherit} no
padding-bottom { | inherit} no

Author: Alan Campion - Page reference: 925
Last modified: Alan Campion - 2015-08-31