【ブログの楽しみ方】箇条書きのリストマーカーを一時的に変更する／順序リストの番号を途中から始める【ココログ】
箇条書きのリストマーカー（黒点）や連番の形式を変更する方法です。
本来スタイルシートを使って変更する方がスマートな方法なのですが、試してみたところココログでは機能しないようです。
HTMLタグを編集する方法は使えたので、ブログ記事にしておきます。
箇条書きの使い方
ココログでは2種類の箇条書きスタイルが用意されています。
- あいうえお
- かきくけご
や、
- アイウエオ
- カキクケコ
で、
ココログでは、一つ目は「列挙リスト」（●）、もう一つは「順序リスト」（アラビア数字の連番 1、2、3．．．）と呼んでいます。
使い方は簡単で、先に下の画像のボタン（アイコン）を押してリストマークを挿入してから文字を書くか、文字を書いてからボタンを押してリストにします。
改行キー（Enterキー）を押すことで次の行もリスト形式になり、2回改行キーを押すことで解除されます。
但し、時々解除されないことがあります。その場合は、「HTMLの編集」モードにして、リストの終わりのHTMLタグの後に適当な文字を入力して再び「記事の作成」モードにすると、リストが終了して次行に入力した文字が表示されます。HTMLタグについては後述しますが、列挙リストの場合は「</ul>」、順序リストは「</ol>」がリストの終わりのタグです。
下のように階層的に使うことも可能です。2階層目の列挙リストのマーカーは白丸になります。
- あああ （改行キーで次行に「2」が自動的に表示される）
- いいい （Shift＋改行キー／改行されたら、列挙リストボタンを押す）
- ううう （改行キー）
- えええ （改行キーを3回押すと連番に戻る）
- おおお
箇条書きのHTMLタグ
■列挙リストのHTMLタグ
- <ul><li>あいうえお</li>
<li>かきくけご</li></ul>■順序リストのHTMLタグ
- <ol><li>アイウエオ</li>
- <li>カキクケコ</li></ol>
列挙リストの場合は全体が<ul>～</ul>で囲まれていて、順序リストは<ol>～</ol>で囲まれていることが分かります。
マーカーや連番の形式を変えるには、開始タグ（<ul>や<ol>）の中に「type="値"」を記入して、
<ul type="値"> や、 <ol type="値">
の形式にするだけです。
以下、様々な例です。
■列挙リスト
<ul type="disc"> 但し、デフォルトなので、<ul>だけで良い。
- あいうえお
- かきくけご
<ul type="circle">
- あいうえお
- かきくけご
<ul type="square">
- あいうえお
- かきくけご
<ul type="none">
- あいうえお
- かきくけご
<ul>ではなく<li>に記述しすると行毎に変えることもできる。
- あいうえお
- かきくけご
<ul><li type="circle">あいうえお</li>
<li type="square">かきくけご</li></ul>
■順序リスト
<ol type="1"> 但し、デフォルトなので、<ol>だけで良い。
- アイウエオ
- カキクケコ
<ol type="a">
- アイウエオ
- カキクケコ
<ol type="i"> 小文字のアルファベット「i」
- アイウエオ
- カキクケコ
<ol type="I"> 大文字のアルファベット「I」
- アイウエオ
- カキクケコ
<ol start="3"> アラビア数字の番号を途中から始める
- アイウエオ
- カキクケコ
あいうえお
- サシスセソ <ol start="3">
- タチツテト
test
最近のコメント