css list-style-position attribute
Translation results：
list
英[lɪst] 美[lɪst]
n.List, catalog; slant; edge of cloth, end of cloth; narrow strip
vt. List, include; compile... into a table; record in the list
vi. List on the table
Third person singular: lists Plural: lists Present participle: listing Past Formula: listed past participle: listed
style
英[staɪl] 美[staɪl]
n. Style; style; fashion; instrument, Taste
vt. To design; to name; to shape...
vi. To conform to popular styles; to make decorative paintings with a carving knife
Third person singular: styles Plural: styles now Participle: styling Past tense: styled Past participle: styled
position
英[pəˈzɪʃn] 美[pəˈzɪʃən]
n. Position, orientation; Status, position; attitude; state
vt. Place; put... in the appropriate position; position...; garrison the army
Third person singular: positions Plural: positions Present participle: positioning Past tense : positioned past participle: positioned
css list-style-position attributesyntax
Function:Set where to place the list item mark.
Description: This attribute is used to declare the position of the list mark relative to the content of the list item. The outside flag is placed at a certain distance from the border of the list item, but this distance is undefined in CSS. Inside flags are treated as if they were inline elements inserted at the front of the list item's content.
Note: All browsers support the list-style-position attribute.
css list-style-position attributeexample
<html>
<head>
<style type="text/css">
ul.inside
{
list-style-position: inside
}
ul.outside
{
list-style-position: outside
}
</style>
</head>
<body>
<p>该列表的 list-style-position 的值是 "inside"：</p>
<ul class="inside">
<li>Earl Grey Tea - 一种黑颜色的茶</li>
<li>Jasmine Tea - 一种神奇的“全功能”茶</li>
<li>Honeybush Tea - 一种令人愉快的果味茶</li>
</ul>
<p>该列表的 list-style-position 的值是 "outside"：</p>
<ul class="outside">
<li>Earl Grey Tea - 一种黑颜色的茶</li>
<li>Jasmine Tea - 一种神奇的“全功能”茶</li>
<li>Honeybush Tea - 一种令人愉快的果味茶</li>
</ul>
</body>
</html>Run instance »
Click the "Run instance" button to view the online instance