CSS Properties In Alphabetical OrderS2C Home « CSS Properties In Alphabetical Order
Click on a Property Name to see the reference for that CSS Property.
Click on an Associated Lesson to see how the CSS Property is used.
Other CSS Visual Property Reference Tables
CSS Properties in Function Order
CSS Properties in Lesson Order
| CSS Property | Description | Function | Associated Lesson |
|---|---|---|---|
background |
Shorthand CSS property for specifying the other background image properties. | Backgrounds | CSS Intermedite Lesson 1 - Backgrounds |
background-attachment |
Specifies whether the background image is fixed or scrolls. | Backgrounds | CSS Intermedite Lesson 1 - Backgrounds |
background-color |
Specifies the background colour for an element. | Backgrounds | CSS Intermedite Lesson 1 - Backgrounds |
background-image |
Specifies the background image for an element. | Backgrounds | CSS Intermedite Lesson 1 - Backgrounds |
background-position |
Specifies the position of a background image within an element. | Backgrounds | CSS Intermedite Lesson 1 - Backgrounds |
background-repeat |
Specifies if and how a background image is repeated. | Backgrounds | CSS Intermedite Lesson 1 - Backgrounds |
border |
Shorthand CSS property for specifying the colour, style and width of all four borders of a box. | The Box Model Borders | CSS Basic Lesson 9 - Borders |
border-bottom |
Shorthand CSS property for specifying the colour, style and width for the bottom border of an element. | The Box Model Borders | CSS Basic Lesson 9 - Borders |
border-bottom-color |
Specifies the color of the bottom border for an element. | The Box Model Borders | CSS Basic Lesson 9 - Borders |
border-bottom-style |
Specifies the style of the bottom border for an element. | The Box Model Borders | CSS Basic Lesson 9 - Borders |
border-bottom-width |
Specifies the width of the bottom border for an element. | The Box Model Borders | CSS Basic Lesson 9 - Borders |
border-collapse |
Specifies whether table borders are collapsed (collapsed border model), or separated (separated border model). | Tables | CSS Advanced Lesson 4 - Styling Tables |
border-color |
Shorthand CSS property for specifying the border color for all four borders of a box. | The Box Model Borders | CSS Basic Lesson 9 - Borders |
border-left |
Shorthand CSS property for specifying the colour, style and width for the left border of an element. | The Box Model Borders | CSS Basic Lesson 9 - Borders |
border-left-color |
specifies the color of the left border for an element. | The Box Model Borders | CSS Basic Lesson 9 - Borders |
border-left-style |
Specifies the style of the left border for an element. | The Box Model Borders | CSS Basic Lesson 9 - Borders |
border-left-width |
Specifies the width of the left border for an element. | The Box Model Borders | CSS Basic Lesson 9 - Borders |
border-right |
Shorthand CSS property for specifying the colour, style and width for the right border of an element. | The Box Model Borders | CSS Basic Lesson 9 - Borders |
border-right-color |
specifies the color of the right border for an element. | The Box Model Borders | CSS Basic Lesson 9 - Borders |
border-right-style |
Specifies the style of the right border for an element. | The Box Model Borders | CSS Basic Lesson 9 - Borders |
border-right-width |
Specifies the width of the right border for an element. | The Box Model Borders | CSS Basic Lesson 9 - Borders |
border-spacing |
Specifies a distance between cells when the separated border model is used. | Tables | CSS Advanced Lesson 4 - Styling Tables |
border-style |
Shorthand CSS property for specifying the border style for all four borders of a box. | The Box Model Borders | CSS Basic Lesson 9 - Borders |
border-top |
Shorthand CSS property for specifying the colour, style and width for the top border of an element. | The Box Model Borders | CSS Basic Lesson 9 - Borders |
border-top-color |
specifies the color of the top border for an element. | The Box Model Borders | CSS Basic Lesson 9 - Borders |
border-top-style |
Specifies the style of the top border for an element. | The Box Model Borders | CSS Basic Lesson 9 - Borders |
border-top-width |
Specifies the width of the top border for an element. | The Box Model Borders | CSS Basic Lesson 9 - Borders |
border-width |
Shorthand CSS property for specifying the border width for all four borders of a box. | The Box Model Borders | CSS Basic Lesson 9 - Borders |
bottom |
Set a distance from the bottom of the page or containing block element for positioned elements. | Positioning | CSS Intermediate Lesson 7 - Positioning |
caption-side |
Specifies a position for a table caption. | Tables | CSS Advanced Lesson 4 - Styling Tables |
clear |
Position an element under floated elements. | Positioning | CSS Intermediate Lesson 7 - Positioning |
clip |
Specify the displayable dimensions, of a visible, absolutely positioned element. | Positioning | CSS Intermediate Lesson 7 - Positioning |
color |
Specify the foreground colour of our text. | Text | CSS Basic Lesson 5 - Styling Text |
content |
Used to generate content in a document in conjunction with the :before and :after pseudo-elements. | Generated Content | CSS Advanced Lesson 1 - Generated Content |
counter-increment |
Increments one or more counters set with the content CSS property. |
Generated Content | CSS Advanced Lesson 1 - Generated Content |
counter-reset |
Resets one or more counters set with the content CSS property. |
Generated Content | CSS Advanced Lesson 1 - Generated Content |
cursor |
Specifies the type of cursor to be displayed when pointing at an element | Display | CSS Intermediate Lesson 8 - Display |
direction |
Specifies the base writing direction of blocks, embeddings and overrides, table columns and incomplete lines of justified text for the Unicode bidirectional algorithm. | Text Direction | CSS Advanced Lesson 8 - Other Properties |
display |
Specifies the type of box generated by an element. | Display | CSS Intermediate Lesson 8 - Display |
empty-cells |
Specifies whether empty cells display borders and backgrounds when the separated border model is used. | Tables | CSS Advanced Lesson 4 - Styling Tables |
float |
Move an element to the left or right edge of its containing element. | Positioning | CSS Intermediate Lesson 7 - Positioning |
font |
Shorthand CSS property for specifying the other font properties. | Fonts | CSS Basic Lesson 6 - Using Fonts |
font-family |
Specify the font family to use for an element. | Fonts | CSS Basic Lesson 6 - Using Fonts |
font-size |
Specify the font size to use for an element. | Fonts | CSS Basic Lesson 6 - Using Fonts |
font-style |
Specify the font style to use for an element. | Fonts | CSS Basic Lesson 6 - Using Fonts |
font-variant |
Specify the font variant to use for an element. | Fonts | CSS Basic Lesson 6 - Using Fonts |
font-weight |
Specify the font weight to use for an element. | Fonts | CSS Basic Lesson 6 - Using Fonts |
height |
Specifies the content height for a box model element. | The Box Model Dimensions | CSS Intermediate Lesson 2 - Finishing The Box Model |
left |
Set a distance from the left of the page or containing block element for positioned elements. | Positioning | CSS Intermediate Lesson 7 - Positioning |
letter-spacing |
Specify the spacing between text characters. | Text | CSS Basic Lesson 5 - Styling Text |
line-height |
Specify a minimal height for line boxes within a box model element | The Box Model Dimensions | CSS Intermediate Lesson 2 - Finishing The Box Model |
list-style |
Shorthand for specifying the other list style properties. | Lists | CSS Advanced Lesson 3 - Styling Lists |
list-style-image |
Specifies an image to use for the list-item marker. | Lists | CSS Advanced Lesson 3 - Styling Lists |
list-style-position |
Specifies a position for the list item-marker with respect to the list element content. | Lists | CSS Advanced Lesson 3 - Styling Lists |
list-style-type |
Specifies a type to use for the list-item marker. | Lists | CSS Advanced Lesson 3 - Styling Lists |
margin |
Shorthand CSS property for specifying the other margin properties. | The Box Model Margins | CSS Basic Lesson 8 - Padding & Margins |
margin-bottom |
Specifies the margin space below the padding and border for an element. | The Box Model Margins | CSS Basic Lesson 8 - Padding & Margins |
margin-left |
Specifies the margin space to the left of the padding and border for an element. | The Box Model Margins | CSS Basic Lesson 8 - Padding & Margins |
margin-right |
Specifies the margin space to the right of the padding and border for an element. | The Box Model Margins | CSS Basic Lesson 8 - Padding & Margins |
margin-top |
Specifies the margin space above the padding and border for an element. | The Box Model Margins | CSS Basic Lesson 8 - Padding & Margins |
max-height |
Specifies a maximum content height for a box model element. | The Box Model Dimensions | CSS Intermediate Lesson 2 - Finishing The Box Model |
max-width |
Specifies a maximum content width for a box model element. | The Box Model Dimensions | CSS Intermediate Lesson 2 - Finishing The Box Model |
min-height |
Specifies a minimum content height for a box model element. | The Box Model Dimensions | CSS Intermediate Lesson 2 - Finishing The Box Model |
min-width |
Specifies a minimum content width for a box model element. | The Box Model Dimensions | CSS Intermediate Lesson 2 - Finishing The Box Model |
orphans |
Specifies the minimum number of lines to display at the bottom of a page, when a page break occurs inside a block-level element. | Printing | CSS Advanced Lesson 7 - The Printed Page |
outline |
Shorthand CSS property for specifying the outline-color, outline-style and outline-width for an element. |
Outlines | CSS Advanced Lesson 8 - Other Properties |
outline-color |
Specify the outline color for an element. | Outlines | CSS Advanced Lesson 8 - Other Properties |
outline-style |
Specify the outline style for an element. | Outlines | CSS Advanced Lesson 8 - Other Properties |
outline-width |
Specify the outline width for an element. | Outlines | CSS Advanced Lesson 8 - Other Properties |
overflow |
Specify what to do with the content of a block container, that overflows the element's box. | Display | CSS Intermediate Lesson 8 - Display |
padding |
Shorthand CSS property for specifying the other padding properties. | The Box Model Padding | CSS Basic Lesson 8 - Padding & Margins |
padding-bottom |
Specifies the padding space below the element content. | The Box Model Padding | CSS Basic Lesson 8 - Padding & Margins |
padding-left |
Specifies the padding space to the left of the element content. | The Box Model Padding | CSS Basic Lesson 8 - Padding & Margins |
padding-right |
Specifies the padding space to the right of the element content. | The Box Model Padding | CSS Basic Lesson 8 - Padding & Margins |
padding-top |
Specifies the padding space above the element content. | The Box Model Padding | CSS Basic Lesson 8 - Padding & Margins |
page-break-after |
Specifies page break behaviour to occur after this block-level element. | Printing | CSS Advanced Lesson 7 - The Printed Page |
page-break-before |
Specifies page break behaviour to occur before this block-level element. | Printing | CSS Advanced Lesson 7 - The Printed Page |
page-break-inside |
Specifies whether a page break should occur within a block-level elements generated box. | Printing | CSS Advanced Lesson 7 - The Printed Page |
position |
Specify a box position for an element. | Positioning | CSS Intermediate Lesson 7 - Positioning |
quotes |
Specifies quotation marks for any number of embedded quotations. | Generated Content | CSS Advanced Lesson 1 - Generated Content |
right |
Set a distance from the right of the page or containing block element for positioned elements. | Positioning | CSS Intermediate Lesson 7 - Positioning |
table-layout |
Specifies the table layout algorithm to use when laying out a table. | Tables | CSS Advanced Lesson 4 - Styling Tables |
text-align |
Align text for block-level elements, table cells and inline blocks. | Text | CSS Basic Lesson 5 - Styling Text |
text-decoration |
Specify some text to decorate for an element. | Text | CSS Basic Lesson 5 - Styling Text |
text-indent |
Allows us to indent text by a particular amount. | Text | CSS Basic Lesson 5 - Styling Text |
text-transform |
Allows us to transform text in certain ways. | Text | CSS Basic Lesson 5 - Styling Text |
top |
Set a distance from the top of the page or containing block element for positioned elements. | Positioning | CSS Intermediate Lesson 7 - Positioning |
unicode-bidi |
Used in conjunction with the direction CSS property for handling birectional text. |
Text Direction | CSS Advanced Lesson 8 - Other Properties |
vertical-align |
Specify the vertical alignment of an element | The Box Model Dimensions | CSS Intermediate Lesson 2 - Finishing The Box Model |
visibility |
Specify whether the box generated by an element is rendered. | Display | CSS Intermediate Lesson 8 - Display |
white-space |
Specify how whitespace is displayed for an element. | Text | CSS Basic Lesson 5 - Styling Text |
widows |
Specifies the minimum number of lines to display at the top of the next page, when a page break occurs inside a block-level element. | Printing | CSS Advanced Lesson 7 - The Printed Page |
width |
Specifies the content width for a box model element. | The Box Model Dimensions | CSS Intermediate Lesson 2 - Finishing The Box Model |
word-spacing |
Specify the word spacing between words in some text. | Text | CSS Basic Lesson 5 - Styling Text |
z-index |
Specify a stack order along the z-axis for positioned elements. | Positioning | CSS Intermediate Lesson 7 - Positioning |
Homepage
Top