【ブログの楽しみ方】箇条書きのリストマーカーを一時的に変更する/順序リストの番号を途中から始める【ココログ】
箇条書きのリストマーカー(黒点)や連番の形式を変更する方法です。
本来スタイルシートを使って変更する方がスマートな方法なのですが、試してみたところココログでは機能しないようです。
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">
- タチツテト
« 【テロ等準備罪】 (1) なぜ必要か?、誰が対象になるのか? | トップページ | 【加計学園問題】NHKクローズアップ現代+で新文書として紹介されたのはまた課長補佐の創作物だった »
« 【テロ等準備罪】 (1) なぜ必要か?、誰が対象になるのか? | トップページ | 【加計学園問題】NHKクローズアップ現代+で新文書として紹介されたのはまた課長補佐の創作物だった »
コメント