最新的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