エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
リストの文字がどんどん小さくなる!? - [ホームページ作成]All About
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
リストの文字がどんどん小さくなる!? - [ホームページ作成]All About
リストにスタイルシートを適用する際の問題点 リストを作るには、ul要素とli要素を使いますね。 li要素... リストにスタイルシートを適用する際の問題点 リストを作るには、ul要素とli要素を使いますね。 li要素の中にさらにul要素を含めることで、リストの階層をいくらでも深くすることができます。 このリストに対して、スタイルシートで文字サイズを指定すると、ちょっと困ったことが起こる可能性があります。 今回は、その問題点を、HTMLには手を加えず、スタイルシートだけで解決する方法をご紹介致します。 どこまでも限りなく小さくなっていくリスト… 「リストの文字サイズをちょっと小さめにしたい」と思ったときを考えてみましょう。 ul要素に対して「80%」などの文字サイズを指定すると、リストの階層が深くなるにつれて、どんどん文字サイズが小さくなってしまいます。 例えば、次のような感じです。