最新的Web开发教程

×

JavaScript 参考

JavaScript

JS 字符串 JS 数 JS 运算符 JS 声明 JS 数学 JS 日期 JS 排列 JS 布尔 JS 正则表达式 JS 全局 JS 转变

浏览器 BOM

Window Navigator Screen History Location

HTML DOM

DOM 文件 DOM 元素 DOM 属性 DOM 事件 DOM 样式

HTML 对象

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

其他对象

CSSStyleDeclaration

Style listStyle Property

例

更改列表的样式：

document.getElementById("myList").style.listStyle = "decimal inside";

定义和用法

该listStyle属性设置或返回最多三个独立的列表属性，以简写形式。

有了这个属性，你可以设置/返回的一个或多个以下（以任意顺序）：

列表样式类型
列表样式位置
列表样式图像

浏览器支持

该listStyle属性在所有主流浏览器的支持。

句法

返回listStyle属性：

object .style.listStyle

设置listStyle属性：

object .style.listStyle=" 属性值

参数	描述
type	定义列表项标记类型
position	位置列表项标记
image	定义要使用作为列表项标记的图像
initial	将此属性设置为默认值。阅读关于初始
inherit	继承其父元素此属性。阅读关于继承

技术细节

默认值：	外盘无
返回值：	一个String，表示列表的样式
CSS版本	CSS1

更多示例

例

更改名单的类型和位置"square inside" ：

document.getElementById("myList").style.listStyle = "square inside";

例

返回列表样式：

document.getElementById("myList").style.listStyle;

相关页面

CSS教程： CSS列表

CSS参考： list-style property