番号付きリスト・番号なしリストのいろいろな使い方
番号付きリスト
番号付きリストを作成します。
- 山本由伸
- 大谷翔平
- 佐々木朗希
- 今井達也
- 今永昇太
- 岡本和真
- 菊池雄星
- 菅野智之
- 鈴木誠也
- 千賀滉大
- ダルビッシュ有
- 西田陸浮
- 松井裕樹
- 村上宗隆
- 吉田正尚
- 青木宣親
- 秋山翔吾
- 有原航平
- 五十嵐亮太
今井達也、今永昇太、岡本和真、菊池雄星を選択してインデントをクリックします。
の様になります。
さらに岡本和真、菊池雄星を選択してインデントをクリック
以下の様なリストになります。
- 山本由伸
- 大谷翔平
- 佐々木朗希
- 今井達也
- 今永昇太
- 岡本和真
- 菊池雄星
- 菅野智之
- 鈴木誠也
- 千賀滉大
- ダルビッシュ有
- 西田陸浮
- 松井裕樹
- 村上宗隆
- 吉田正尚
- 青木宣親
- 秋山翔吾
- 有原航平
- 五十嵐亮太
これを 青木宣親、秋山翔吾、有原航平、五十嵐亮太の部分にも適用します。
- 山本由伸
- 大谷翔平
- 佐々木朗希
- 今井達也
- 今永昇太
- 岡本和真
- 菊池雄星
- 菅野智之
- 鈴木誠也
- 千賀滉大
- ダルビッシュ有
- 西田陸浮
- 松井裕樹
- 村上宗隆
- 吉田正尚
- 青木宣親
- 秋山翔吾
- 有原航平
- 五十嵐亮太
このようなリストができました。
今井達也、今永昇太の数字リストを変更してみます。
- 山本由伸
- 大谷翔平
- 佐々木朗希
- 今井達也
- 今永昇太
- 岡本和真
- 菊池雄星
- 菅野智之
- 鈴木誠也
- 千賀滉大
- ダルビッシュ有
- 西田陸浮
- 松井裕樹
- 村上宗隆
- 吉田正尚
- 青木宣親
- 秋山翔吾
- 有原航平
- 五十嵐亮太
今井達也、今永昇太の数字をローマ数字小文字にします。SHIRASAGIではソースを変更しないとできない仕様なので、ソースを開いて編集します。
※バックアップをとってから編集してください。
<ol> <li>今井達也</li> <li>今永昇太 の部分で<ol>を<ol style="list-style-type: lower-roman;"> と変更します。
<ol style="list-style-type: lower-roman;">のlower-roman;部分は以下の様に設定することができる
| デフォルト | 記述なし | 1. 2. 3.・・・・ |
| ラテン文字小文字 | lower-alpha; | a. b. c. ・・・・ |
| ラテン文字大文字 | upper-alpha; | A. B. C. ・・・・ |
| ギリシャ文字小文字 | lower-greek; | α. β. γ. ・・・・ |
| ローマ数字小文字 | lower-roman; | i. ⅱ. ⅲ. ・・・・ |
| ローマ数字大文字 | upper-roman; | Ⅰ. Ⅱ. Ⅲ. ・・・・ |
| ひらがな | hiragana; | あ、 い、 う、 ・・・・ |
| カタカナ | katakana; | ア、 イ、 ウ、・・・・ |
| ひらがな-いろは | hiragana-iroha; | い、 ろ、 は、・・・・ |
| カタカナ-イロハ | katakana-iroha | イ、 ロ、 ㇵ、・・・・ |
| 日本-公式 | japanese-formal; | 壱、 弐、 参、・・・・ |
| 日本-非公式 | japanese-informal; | 一、 二、 三、・・・・ |
| 漢数字（上との違いがわからない） | cjk-ideographic; | 一、 二、 三、・・・・ |
| 0付き数字 | decimal-leading-zero; | 01. 02. 03. ・・・・ |
| 表示しない | none | 何もつかない |
上記表を使ってみました。
- 山本由伸
- 大谷翔平
- 佐々木朗希
- 今井達也
- 今永昇太
- 岡本和真
- 菊池雄星
- 菅野智之
- 鈴木誠也
- 千賀滉大
- ダルビッシュ有
- 西田陸浮
- 松井裕樹
- 村上宗隆
- 吉田正尚
- 青木宣親
- 秋山翔吾
- 有原航平
- 五十嵐亮太
山本由伸はLos Angeles Dodgersなどと所属の球団を次の行に追加したい場合はShift+Enterで改行します。
- 山本由伸
Los Angeles Dodgers - 大谷翔平
Dodgers - 佐々木朗希
Dodgers - 今井達也
Houston Astros - 今永昇太
Chikago Cubs - 岡本和真
Toronto Blue Jays - 菊池雄星
Los Angeles Angels - 菅野智之
Colorado Rockies - 鈴木誠也
Chicago Cubs - 千賀滉大
New York Mets - ダルビッシュ有
San Diego Padres - 西田陸浮
Chicago White Sox - 松井裕樹
San Diego Padres - 村上宗隆
Chicago White Sox - 吉田正尚
Boston Red Sox - 青木宣親
New York Mets → 引退 - 秋山翔吾
Cincinnati Reds → 広島東洋カープ - 有原航平
Texas Rangers → 北海道日本ハムファイターズ - 五十嵐亮太
New York ヤンキース → 引退
<ol style=”list-style: none;”>として番号を消し、文頭に(数字)をつけることで括弧付きのリストにすることもできる
- (1) 砂防法（明治30年法律第29号）第2条の規定により指定された砂防指定地
- (2) 地すべり等防止法（昭和33年法律第30号）第3条第1項の規定により指定された地すべり防止区域
- (3) 急傾斜地の崩壊による災害の防止に関する法律（昭和44年法律第57号）第3条第1項の規定により指定された急傾斜地崩壊危険区域
- (4) 土砂災害警戒区域等における土砂災害防止対策の推進に関する法律（平成12年法律第57号）第7条第1項の規定により指定された土砂災害警戒区域及び第9条第1項の規定により指定された土砂災害特別警戒区域
上記の場合、以下の様に<li style="list-style-type: none; padding: 0; text-indent: -2em;">と自動改行された場合の設定を行うと見やすくなると思います。
- (1) 砂防法（明治30年法律第29号）第2条の規定により指定された砂防指定地
- (2) 地すべり等防止法（昭和33年法律第30号）第3条第1項の規定により指定された地すべり防止区域
- (3) 急傾斜地の崩壊による災害の防止に関する法律（昭和44年法律第57号）第3条第1項の規定により指定された急傾斜地崩壊危険区域
- (4) 土砂災害警戒区域等における土砂災害防止対策の推進に関する法律（平成12年法律第57号）第7条第1項の規定により指定された土砂災害警戒区域及び第9条第1項の規定により指定された土砂災害特別警戒区域
padding: 0;で行全体の左側の余白の指定（0pxなので余白なし）して、text-indent: -2emで2行目以降-2em（emは1文字を表します）字下げする設定です。
色々試してプレビュー画面で確認してください。
これらは本来CSS（Cascading Style Sheets）に登録して使います。CSSは記事（ページ）の見た目をデザインするもので、SHIRASAGIでは一般ユーザーは変更できないようになっています。記事はHTMLという構造をデザインしています。文章や画像を表示し、記事の骨組みや意味（見出しや段落の設定）をデザインさせてかんせいさせます。CSSを変更したいが、カスタムCSSが設定できないSHIRASAGIではHTMLにその設定をHTMLに記述することで足りないCSSを補っています。
番号なしリスト
<ol>の部分が<ul>になりますが、基本的には番号ありリストと同じです。
- 山本由伸
- 大谷翔平
- 佐々木朗希
- 今井達也
- 今永昇太
- 岡本和真
- 菊池雄星
- 菅野智之
- 鈴木誠也
- 千賀滉大
番号つきリストの場合インデントしても数字の部分は変化なかったのですが、番号なしリストの場合は自動的に○、■になります。
番号なしリスト、番号ありリストで頭の●や数字をなくすには番号ありリストの一覧表にあるstyle="list-style-type: none;"を設定することで消すことができます。
- 山本由伸
- 大谷翔平
- 佐々木朗希
- 今井達也
- 今永昇太
- 岡本和真
- 菊池雄星
- 菅野智之
- 鈴木誠也
- 千賀滉大