リストのマーカー文字の種類を指定するlist-style-typeプロパティ
list-style-type

　list-style-typeプロパティは、リスト（<li>要素）のマーカー文字の種類を指定する場合に使います。

　黒丸や白丸、小文字のローマ数字、小文字のギリシャ文字、小文字のアルファベットなどとといったさまざまな種類を指定できます。

基本データ

構文	セレクタ{list-style-type : 値;}
継承	○
値	none、disc、circle、square、decimal、lower-roman、upper-roman、lower-alpha、upper-alpha、decimal-leading-zero、hebrew、armenian、georgian、cjk-ideographic、hiragana、katakana、hiragana-iroha、katakana-iroha、lower-latin、upper-latin、lower-greek - マーカー文字の種類 - decimal (1, 2, 3, ..., 98, 99). decimal-leading-zero　(01, 02, 03, ..., 98, 99). lower-roman (i, ii, iii, iv, v ...). upper-roman (I, II, III, IV, V ...). georgian (an, ban, gan, ..., he, tan, in, in-an, ...). lower-latin または lower-alpha (a, b, c, ... z). upper-latin または upper-alpha　(A, B, C, ... Z). lower-greek (α, β, γ, ...) 親から継承させる場合 inherit
効果	<li>要素でマークアップされた、リスト項目の行頭記号の形状を指定
初期値	disc
適用個所	リスト項目要素

ul.sample1 {

list-style-type : square ;

}



<ul class="sample1"> 

<li>ほげほげ</li>

<li>ほげほげ</li>

<li>ほげほげ</li>

</ul>


     [window.]document.getElementById("ID属性値").style.listStyleType

$('【セレクタ】').css('list-style-type','【値】');

  $('【セレクタ】').css({'list-style-type':'【値】'});

HTML5 + UX フォーラム新着記事

GASで棒、円、折れ線など各種グラフを作成、変更、削除するための基本 （2017/7/12）
　資料を作る際に、「グラフ」は必要不可欠な存在だ。今回は、「グラフの新規作成」「グラフの変更」「グラフの削除」について解説する
GET／POSTでフォームから送信された値をPHPで受け取る「定義済みの変数」【更新】 （2017/7/10）
　HTMLのフォーム機能についておさらいし、get/postメソッドなどの内容を連想配列で格納するPHPの「定義済みの変数」の中身や、フォーム送信値の取り扱いにおける注意点について解説します【PHP 7.1含め2017年の情報に合うように更新】
PHPのfor文＆ループ脱出のbreak/スキップのcontinue【更新】 （2017/6/26）
　素数判定のロジックからbreak文やcontinue文の利点と使い方を解説。for文を使ったループ処理の基本とwhile文との違い、無限ループなども併せて紹介します【PHP 7.1含め2017年の情報に合うように更新】
Spreadsheetデータの選択、削除、挿入、コピー、移動、ソート （2017/6/12）
　Spreadsheetデータの選択、挿入、削除、コピー、移動、ソートに使うメソッドの使い方などを解説する

＠ITメールマガジン　新着情報やスタッフのコラムがメールで届きます（無料）

本日月間

＠IT