css list-style-position属性


  翻译结果:

list

英 [lɪst]   美 [lɪst]  

n.清单,目录;倾斜;布边,布头;狭条

vt.列出,列入;把…编列成表;记入名单内

vi.列于表上

第三人称单数: lists 复数: lists 现在分词: listing 过去式: listed 过去分词: listed

style

英 [staɪl]   美 [staɪl]  

n.方式;样式;时髦;仪表,品位

vt.设计;称呼;为…造型

vi.使符合流行式样;用刻刀作装饰画

第三人称单数: styles 复数: styles 现在分词: styling 过去式: styled 过去分词: styled

position

英 [pəˈzɪʃn]   美 [pəˈzɪʃən]  

n.位置,方位;地位,职位;态度;状态

vt.安置;把…放在适当位置;给…定位;驻扎军队

第三人称单数: positions 复数: positions 现在分词: positioning 过去式: positioned 过去分词: positioned

css list-style-position属性语法

作用:设置在何处放置列表项标记。

说明:该属性用于声明列表标志相对于列表项内容的位置。外部 (outside) 标志会放在离列表项边框边界一定距离处,不过这距离在 CSS 中未定义。内部 (inside) 标志处理为好像它们是插入在列表项内容最前面的行内元素一样。

注释:所有浏览器都支持 list-style-position 属性。

css list-style-position属性示例

<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>

运行实例 »

点击 "运行实例" 按钮查看在线实例

热门推荐

首页

视频

问答