html5 Site Icon CSS3 Site Icon CSS Site Icon

CSS 1/2 Basics

CSS Visual Property Reference In Alphabetical Order

Click on a CSS property to see the reference for that 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 Visual Property Reference In Alphabetical 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 1/2 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 1/2 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 1/2 Intermediate Lesson 7 - Positioning
caption-side Specifies a position for a table caption. Tables CSS 1/2 Advanced Lesson 4 - Styling Tables
clear Position an element under floated elements. Positioning CSS 1/2 Intermediate Lesson 7 - Positioning
clip Specify the displayable dimensions, of a visible, absolutely positioned element. Positioning CSS 1/2 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 1/2 Advanced Lesson 1 - Generated Content
counter-increment Increments one or more counters set with the content CSS property. Generated Content CSS 1/2 Advanced Lesson 1 - Generated Content
counter-reset Resets one or more counters set with the content CSS property. Generated Content CSS 1/2 Advanced Lesson 1 - Generated Content
cursor Specifies the type of cursor to be displayed when pointing at an element Display CSS 1/2 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 1/2 Advanced Lesson 8 - Other Properties
display Specifies the type of box generated by an element. Display CSS 1/2 Intermediate Lesson 8 - Display
empty-cells Specifies whether empty cells display borders and backgrounds when the separated border model is used. Tables CSS 1/2 Advanced Lesson 4 - Styling Tables
float Move an element to the left or right edge of its containing element. Positioning CSS 1/2 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 1/2 Intermediate Lesson 2 - A Final Look At The Box Model
left Set a distance from the left of the page or containing block element for positioned elements. Positioning CSS 1/2 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 1/2 Intermediate Lesson 2 - A Final Look At The Box Model
list-style Shorthand for specifying the other list style properties. Lists CSS 1/2 Advanced Lesson 3 - Styling Lists
list-style-image Specifies an image to use for the list-item marker. Lists CSS 1/2 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 1/2 Advanced Lesson 3 - Styling Lists
list-style-type Specifies a type to use for the list-item marker. Lists CSS 1/2 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 1/2 Intermediate Lesson 2 - A Final Look At The Box Model
max-width Specifies a maximum content width for a box model element. The Box Model Dimensions CSS 1/2 Intermediate Lesson 2 - A Final Look At The Box Model
min-height Specifies a minimum content height for a box model element. The Box Model Dimensions CSS 1/2 Intermediate Lesson 2 - A Final Look At The Box Model
min-width Specifies a minimum content width for a box model element. The Box Model Dimensions CSS 1/2 Intermediate Lesson 2 - A Final Look At 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 1/2 Advanced Lesson 7 - The Printed Page
outline Shorthand CSS property for specifying the outline colour, outline style and outline width for an element. Outlines CSS 1/2 Advanced Lesson 8 - Other Properties
outline-color Specify the outline color for an element. Outlines CSS 1/2 Advanced Lesson 8 - Other Properties
outline-style Specify the outline style for an element. Outlines CSS 1/2 Advanced Lesson 8 - Other Properties
outline-width Specify the outline width for an element. Outlines CSS 1/2 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 1/2 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 1/2 Advanced Lesson 7 - The Printed Page
page-break-before Specifies page break behaviour to occur before this block-level element. Printing CSS 1/2 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 1/2 Advanced Lesson 7 - The Printed Page
position Specify a box position for an element. Positioning CSS 1/2 Intermediate Lesson 7 - Positioning
quotes Specifies quotation marks for any number of embedded quotations. Generated Content CSS 1/2 Advanced Lesson 1 - Generated Content
right Set a distance from the right of the page or containing block element for positioned elements. Positioning CSS 1/2 Intermediate Lesson 7 - Positioning
table-layout Specifies the table layout algorithm to use when laying out a table. Tables CSS 1/2 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 1/2 Intermediate Lesson 7 - Positioning
unicode-bidi Used in conjunction with the direction CSS property for handling birectional text. Text Direction CSS 1/2 Advanced Lesson 8 - Other Properties
vertical-align Specify the vertical alignment of an element The Box Model Dimensions CSS 1/2 Intermediate Lesson 2 - A Final Look At The Box Model
visibility Specify whether the box generated by an element is rendered. Display CSS 1/2 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 1/2 Advanced Lesson 7 - The Printed Page
width Specifies the content width for a box model element. The Box Model Dimensions CSS 1/2 Intermediate Lesson 2 - A Final Look At 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 1/2 Intermediate Lesson 7 - Positioning


HTML Tags In Lesson Order    <<Prev         Next >>   CSS Properties Functionally


go to home page Homepage go to top of page Top