概要
ul、olの様々なマーカーを設定する。
書式
list-style-type: [マーカースタイル];
値
| none |
|
| disc |
|
| circle |
|
| square |
|
| decimal |
|
| decimal-leading-zero |
|
| lower-roman |
|
| upper-roman; |
|
| lower-latin |
|
| upper-latin |
|
| lower-alpha |
|
| upper-alpha |
|
| lower-greek |
|
| cjk-ideographic |
|
| hiragana |
|
| katakana |
|
| hiragana-iroha |
|
| katakana-iroha |
|
動作確認
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 |
<h1>ul</h1> <p>list-style-type: none;</p> <ul style="list-style-type: none"> <li>ガンダム</li> <li>ガンキャノン</li> <li>ガンタンク</li> </ul> <p>list-style-type: disc;</p> <ul style="list-style-type: disc"> <li>ガンダム</li> <li>ガンキャノン</li> <li>ガンタンク</li> </ul> <p>list-style-type: circle;</p> <ul style="list-style-type: circle"> <li>ガンダム</li> <li>ガンキャノン</li> <li>ガンタンク</li> </ul> <p>list-style-type: square;</p> <ul style="list-style-type: square"> <li>ガンダム</li> <li>ガンキャノン</li> <li>ガンタンク</li> </ul> <p>list-style-type: decimal;</p> <ol style="list-style-type: decimal"> <li>ガンダム</li> <li>ガンキャノン</li> <li>ガンタンク</li> </ol> <p>list-style-type: decimal-leading-zero;</p> <ol style="list-style-type: decimal-leading-zero"> <li>ガンダム</li> <li>ガンキャノン</li> <li>ガンタンク</li> </ol> <p>list-style-type: lower-roman;</p> <ol style="list-style-type: lower-roman"> <li>ガンダム</li> <li>ガンキャノン</li> <li>ガンタンク</li> </ol> <p>list-style-type: upper-roman;</p> <ol style="list-style-type: upper-roman"> <li>ガンダム</li> <li>ガンキャノン</li> <li>ガンタンク</li> </ol> <p>list-style-type: lower-latin;</p> <ol style="list-style-type: lower-latin"> <li>ガンダム</li> <li>ガンキャノン</li> <li>ガンタンク</li> </ol> <p>list-style-type: upper-latin;</p> <ol style="list-style-type: upper-latin"> <li>ガンダム</li> <li>ガンキャノン</li> <li>ガンタンク</li> </ol> <p>list-style-type: lower-alpha;</p> <ol style="list-style-type: lower-alpha"> <li>ガンダム</li> <li>ガンキャノン</li> <li>ガンタンク</li> </ol> <p>list-style-type: upper-alpha;</p> <ol style="list-style-type: upper-alpha"> <li>ガンダム</li> <li>ガンキャノン</li> <li>ガンタンク</li> </ol> <p>list-style-type: lower-greek;</p> <ol style="list-style-type: lower-greek"> <li>ガンダム</li> <li>ガンキャノン</li> <li>ガンタンク</li> </ol> <p>list-style-type: cjk-ideographic;</p> <ol style="list-style-type: cjk-ideographic"> <li>ガンダム</li> <li>ガンキャノン</li> <li>ガンタンク</li> </ol> <p>list-style-type: hiragana;</p> <ol style="list-style-type: hiragana"> <li>ガンダム</li> <li>ガンキャノン</li> <li>ガンタンク</li> </ol> <p>list-style-type: katakana;</p> <ol style="list-style-type: katakana"> <li>ガンダム</li> <li>ガンキャノン</li> <li>ガンタンク</li> </ol> <p>list-style-type: hiragana-iroha;</p> <ol style="list-style-type: hiragana-iroha"> <li>ガンダム</li> <li>ガンキャノン</li> <li>ガンタンク</li> </ol> <p>list-style-type: katakana-iroha;</p> <ol style="list-style-type: katakana-iroha"> <li>ガンダム</li> <li>ガンキャノン</li> <li>ガンタンク</li> </ol> |
ul
list-style-type: none;
- ガンダム
- ガンキャノン
- ガンタンク
list-style-type: disc;
- ガンダム
- ガンキャノン
- ガンタンク
list-style-type: circle;
- ガンダム
- ガンキャノン
- ガンタンク
list-style-type: square;
- ガンダム
- ガンキャノン
- ガンタンク
ol
list-style-type: decimal;
- ガンダム
- ガンキャノン
- ガンタンク
list-style-type: decimal-leading-zero;
- ガンダム
- ガンキャノン
- ガンタンク
list-style-type: lower-roman;
- ガンダム
- ガンキャノン
- ガンタンク
list-style-type: upper-roman;
- ガンダム
- ガンキャノン
- ガンタンク
list-style-type: lower-latin;
- ガンダム
- ガンキャノン
- ガンタンク
list-style-type: upper-latin;
- ガンダム
- ガンキャノン
- ガンタンク
list-style-type: lower-alpha;
- ガンダム
- ガンキャノン
- ガンタンク
list-style-type: upper-alpha;
- ガンダム
- ガンキャノン
- ガンタンク
list-style-type: lower-greek;
- ガンダム
- ガンキャノン
- ガンタンク
list-style-type: cjk-ideographic;
- ガンダム
- ガンキャノン
- ガンタンク
list-style-type: hiragana;
- ガンダム
- ガンキャノン
- ガンタンク
list-style-type: katakana;
- ガンダム
- ガンキャノン
- ガンタンク
list-style-type: hiragana-iroha;
- ガンダム
- ガンキャノン
- ガンタンク
list-style-type: katakana-iroha;
- ガンダム
- ガンキャノン
- ガンタンク