css list-style-position的功能详解说明


摘要:
下文讲述css属性list-style-position的功能说明,如下所示:


css list-style-position的功能说明

css list-style-position的功能: 
    设置列表对象中的项目标记在文本中的排列位置
css list-style-position注意事项:
    1.此属性只能作用于display:list-item元素(如:ul)
    2.此属性在js对象中使用listStylePosition名称进行属性设置
    3.目前市面上浏览器都支持此属性
  
css list-style-position语法:
   list-style-position-position:outside|inside
 ------------参数说明-----------
    outside:
     列表项目标记放置在文本以外,且环绕文本不根据标记对齐
    inside:
     列表项目标记放置在文本以内,且环绕文本根据标记对齐


css list-style-position的功能示例说明

<meta charset="utf-8" />
<style>
.outside{width:150px;
  list-style-position:outside;}
.inside{width:150px;
  list-style-position:inside;}
</style>
<p>
maomao365.com<br />
list-style-position属性示例说明
</p>
<hr />
<h1>outside的项目符号:</h1>
<ul class="outside">
	<li>猫猫教程--1:outside</li>
	<li>猫猫教程--2:outside</li>
	<li>猫猫教程--3:outside</li>
</ul>
<h1>inside的项目符号:</h1>
<ul class="inside">	
    <li>猫猫教程--1:inside</li>
	<li>猫猫教程--2:inside</li>
	<li>猫猫教程--3:inside</li>
</ul>
css  list-style-position属性示例说明

css
list-style-position属性示例说明