[CSS]CSS Styling - Styling Lists
개발관련/CSS/CSS3 2012. 10. 23. 19:26 |출처: http://www.w3schools.com/css/css_list.asp
List - Shorthand property
It is also possible to specify all the list properties in one, single property. This is called a shorthand property.
The shorthand property used for lists, is the list-style property:
When using the shorthand property, the order of the values are:
- list-style-type
- list-style-position (for a description, see the CSS properties table below)
- list-style-image
It does not matter if one of the values above are missing, as long as the rest are in the specified order.
All CSS List Properties
| Property | Description |
|---|---|
| list-style | Sets all the properties for a list in one declaration |
| list-style-image | Specifies an image as the list-item marker |
| list-style-position | Specifies if the list-item markers should appear inside or outside the content flow |
| list-style-type | Specifies the type of list-item marker |
CSS Lists
All the different list item markers in lists
Set an image as the list-item marker
Set an image as the list-item marker - Crossbrowser solution
All list properties in one declaration
'개발관련 > CSS/CSS3' 카테고리의 다른 글
| [CSS]CSS Box Model - CSS Box Model (0) | 2012.10.23 |
|---|---|
| [CSS]CSS Styling - Styling Tables (0) | 2012.10.23 |
| [CSS]CSS Styling - Styling Links (0) | 2012.10.23 |
| [CSS]CSS Styling - Styling Fonts (0) | 2012.10.23 |
| [CSS]CSS Styling - Styling Text (0) | 2012.10.23 |