リスト 文字編
● リストを書いてみよう その２
前回のリストの行頭部分は ● とか ■とかの記号でしたがリストの行頭部分の記号を 文字にすることができます
<p>
好きなくだものは </p>
<ol>
<li> みかん </li>
<li> りんご </li>
<li> いちご </li>
<li> バナナ </li>
<li> ぶどう </li>
</ol>
<ol>
<li> みかん </li>
<li> りんご </li>
<li> いちご </li>
<li> バナナ </li>
<li> ぶどう </li>
</ol>
すると このようになります
好きなくだものは？
- みかん
- りんご
- バナナ
- いちご
- ぶどう
今度は 行頭文字を ローマ数字にしてみます
typeの指定を 大文字の 「I」にすると ローマ数字は大文字になります
typeの指定を 小文字の 「i」にすると ローマ数字は小文字になります
<p>
好きなくだものは </p>
<ol tyoe="I">
<li> みかん </li>
<li> りんご </li>
<li> いちご </li>
<li> バナナ </li>
<li> ぶどう </li>
</ol>
<ol tyoe="I">
<li> みかん </li>
<li> りんご </li>
<li> いちご </li>
<li> バナナ </li>
<li> ぶどう </li>
</ol>
<p>
好きなくだものは </p>
<ol tyoe="i">
<li> みかん </li>
<li> りんご </li>
<li> いちご </li>
<li> バナナ </li>
<li> ぶどう </li>
</ol>
<ol tyoe="i">
<li> みかん </li>
<li> りんご </li>
<li> いちご </li>
<li> バナナ </li>
<li> ぶどう </li>
</ol>
すると このようになります
好きなくだものは？
- みかん
- りんご
- バナナ
- いちご
- ぶどう
好きなくだものは？
- みかん
- りんご
- バナナ
- いちご
- ぶどう
今度は 行頭文字を アルファベットにしてみます
typeの指定を 大文字の 「A」にすると アルファベットは大文字になります
typeの指定を 小文字の 「a」にすると アルファベットは小文字になります
<p>
好きなくだものは </p>
<ol tyoe="A">
<li> みかん </li>
<li> りんご </li>
<li> いちご </li>
<li> バナナ </li>
<li> ぶどう </li>
</ol>
<ol tyoe="A">
<li> みかん </li>
<li> りんご </li>
<li> いちご </li>
<li> バナナ </li>
<li> ぶどう </li>
</ol>
<p>
好きなくだものは </p>
<ol tyoe="a">
<li> みかん </li>
<li> りんご </li>
<li> いちご </li>
<li> バナナ </li>
<li> ぶどう </li>
</ol>
<ol tyoe="a">
<li> みかん </li>
<li> りんご </li>
<li> いちご </li>
<li> バナナ </li>
<li> ぶどう </li>
</ol>
すると 下記のようになります いろいろやってみてください
好きなくだものは？
- みかん
- りんご
- バナナ
- いちご
- ぶどう
好きなくだものは？
- みかん
- りんご
- バナナ
- いちご
- ぶどう
ジャンル別一覧
人気のクチコミテーマ
-
-
- ジャンクパーツ
- 秋原他でのお買い物250111ハーフその…
- (2025-02-15 18:03:22)
-
-
-
- モバイルよもやま
- ［ウイルスバスター クラウド］「お…
- (2025-10-31 06:43:08)
-
-
-
- Amazonマケプレ
- ＃PR “白州12年 × 登美の丘 赤 時の…
- (2025-11-28 23:28:32)
-
© Rakuten Group, Inc.
