What this page does
This page is a compilation of commonly used CSS properties and is intended to make it easier for students to search for the type of property they might need to use based on the general categories above. To learn more about each property on this page and its syntax and acceptable values, click the property name. It will take you to the exact w3schools.com page for detailed information on each property.
CSS Font Properties
Property |
Description |
Sets all the font properties in one declaration |
|
Specifies the font family for text |
|
Specifies the font size of text |
|
Specifies the font style for text |
|
Specifies whether or not a text should be displayed in a small-caps font |
|
Specifies the weight of a font |
CSS Text Properties
Property |
Description |
Sets the color of text |
|
Specifies the text direction/writing direction |
|
Increases or decreases the space between characters in a text |
|
Sets the line height |
|
Specifies the horizontal alignment of text |
|
Specifies the decoration added to text |
|
Specifies the indentation of the first line in a text-block |
|
Specifies the shadow effect added to text |
|
Controls the capitalization of text |
|
Used together with the direction property to set or return whether the text should be overridden to support multiple languages in the same document |
|
Sets the vertical alignment of an element |
|
Specifies how white-space inside an element is handled |
|
Increases or decreases the space between words in a text |
CSS3 Text Properties
Property |
Description |
Specifies how to align the last line of a text |
|
A shorthand for setting text-emphasis-style and text-emphasis-color in one declaration |
|
Specifies how justified text should be aligned and spaced |
|
Specifies how overflowed content that is not displayed should be signaled to the user |
|
Specifies line breaking rules for non-CJK scripts |
|
Allows long words to be able to be broken and wrap onto the next line |
CSS List Properties
Property |
Description |
Sets all the properties for a list in one declaration |
|
Specifies an image as the list-item marker |
|
Specifies if the list-item markers should appear inside or outside the content flow |
|
Specifies the type of list-item marker |
CSS Background Properties
Property |
Description |
Sets all the background properties in one declaration |
|
Sets whether a background image is fixed or scrolls with the rest of the page |
|
Sets the background color of an element |
|
Sets the background image for an element |
|
Sets the starting position of a background image |
|
Sets how a background image will be repeated |
CSS3 Background Properties
Property |
Description |
A shorthand property for setting all the background properties in one declaration |
|
Specifies the painting area of the background |
|
Specifies one or more background images for an element |
|
Specifies where the background image(s) is/are positioned |
|
Specifies the size of the background image(s) |
CSS Border Properties
Property |
Description |
Sets all the border properties in one declaration |
|
Sets all the bottom border properties in one declaration |
|
Sets the color of the bottom border |
|
Sets the style of the bottom border |
|
Sets the width of the bottom border |
|
Sets the color of the four borders |
|
Sets all the left border properties in one declaration |
|
Sets the color of the left border |
|
Sets the style of the left border |
|
Sets the width of the left border |
|
Sets all the right border properties in one declaration |
|
Sets the color of the right border |
|
Sets the style of the right border |
|
Sets the width of the right border |
|
Sets the style of the four borders |
|
Sets all the top border properties in one declaration |
|
Sets the color of the top border |
|
Sets the style of the top border |
|
Sets the width of the top border |
|
Sets the width of the four borders |
CSS3 Rounded Corners Properties
Property |
Description |
A shorthand property for setting all the four border-*-*-radius properties |
|
Defines the shape of the border of the top-left corner |
|
Defines the shape of the border of the top-right corner |
|
Defines the shape of the border of the bottom-right corner |
|
Defines the shape of the border of the bottom-left corner |
CSS3 Shadow Properties
Property |
Description |
Adds one or more shadows to an element |
|
Adds one or more shadows to a text |
CSS Margin Properties
Property |
Description |
A shorthand property for setting the margin properties in one declaration |
|
Sets the bottom margin of an element |
|
Sets the left margin of an element |
|
Sets the right margin of an element |
|
Sets the top margin of an element |
CSS Padding Properties
Property |
Description |
A shorthand property for setting all the padding properties in one declaration |
|
Sets the bottom padding of an element |
|
Sets the left padding of an element |
|
Sets the right padding of an element |
|
Sets the top padding of an element |
CSS Dimension Properties
Property |
Description |
Sets the height of an element |
|
Sets the maximum height of an element |
|
Sets the maximum width of an element |
|
Sets the minimum height of an element |
|
Sets the minimum width of an element |
|
Sets the width of an element |
CSS Display/Visibility Properties
Property |
Description |
Specifies how an element should be displayed |
|
Specifies whether or not an element should be visible |
CSS Float Properties
Property |
Description |
Specifies on which sides of an element where floating elements are not allowed to float |
|
Specifies whether or not an element should float |
|
Specifies what happens if content overflows an element’s box |
|
Specifies what to do with the left/right edges of the content if it overflows the element’s content area |
|
Specifies what to do with the top/bottom edges of the content if it overflows the element’s content area |
CSS Positioning Properties
Property |
Description |
Sets the bottom margin edge for a positioned box |
|
Clips an absolutely positioned element |
|
Specifies the type of cursor to be displayed |
|
Sets the left margin edge for a positioned box |
|
Specifies what happens if content overflows an element’s box |
|
Specifies what to do with the left/right edges of the content if it overflows the element’s content area |
|
Specifies what to do with the top/bottom edges of the content if it overflows the element’s content area |
|
Specifies the type of positioning for an element |
|
Sets the right margin edge for a positioned box |
|
Sets the top margin edge for a positioned box |
|
Sets the stack order of an element |