2021.01.29HTMLにおける段落とは、一般的に<p>タグで囲まれたブロックを指します。行間はもちろんですが、段落と段落の間隔、つまり<p>~</p>と次の<p>~</p>までの間隔が狭いと文章が読みにくく、コンテンツの内容も少なく見えてしまいます。段落の間隔はCSS(スタイルシート)を使って簡単に調整することができます。CSSで<p>タグにmarginを設定する段落の上下に間隔を空けるには、以下のようにスタイルシート(CSS)に記述します。0px;}これで<p>タグで囲まれた段落の上下に約2行分の間隔を空けることができます。marginの値の個数についてmarginの値は指定する個数によって以下のように適用されますので参考にしてください。[値を1つ指定]・・上下左右に指定した値が適用される[値を2つ指定]・・1つ目の値が上下、2つ目の値が左右に適用される[値を3つ指定]・・1つ目の値が上、2つ目の値が左右、3つ目の値が下に適用される[値を4つ指定]・・1つ目の値が上、2つ目の値が右、3つ目の値が下、4つ目の値が左に適用される上下のmarginは大きい方が適用される上記の例では、段落の上下に2emのmarginを指定しているので、段落間の間隔が4emになってしまうように思われます。marginには「marginの相殺」というルールがあり、上下の隣接するmarginはどちらか大きい方(同じ値の場合はどちらか一方)が適用されます。そのため上記のように上下にmarginを指定した場合でも間隔が倍になることはありません。上下のどちらかだけにmarginを指定することも可能です。その場合は次のように記述します。Plus)でCSSを除外した場合に目次を中央寄せにする方法をご紹介しています。TOC+のCSSを読み込まず独自に目次をカスタマイズし、かつ目次を中央に寄せたい場合に役立つ方法です。枠線を消す【CSS】WordPressのブロックエディタで挿入した画像に枠線を付ける、付けた枠線の一部を消す方法を解説しています。全ての画像に一括で枠線を付けることが可能です。CSS・HTMLSimplicityでソースコードをハイライト表示・スタイルの適用【CSS】WordPressテーマ「Simplicity」でソースコードをハイライト表示(反転や色分け)する方法、ハイライト表示にスタイルを適用させて装飾する方法を説明しています。Simplicityはカスタマイズ機能で簡単にハイライト表示することが可能です。初心者向けのCSS講座です。基礎的な知識、情報を記載しています。CSSでレイアウトする初心者向けのCSS講座です。CSSでレイアウトする方法を説明しています。画像に影を付ける【CSS】WordPressのブロックエディタで挿入した画像に影を付けたり、影を消したりする方法をご紹介します。全ての画像に一括で影を付けたり消したり、特定の画像を指定して影を付けたり消したりすることが可能です。IDとクラス超初心者向けのCSS講座です。IDとクラスについて説明しています。7の入力欄の幅を調整する方法を記載しています。7のデフォルト機能ではなくCSSを追記することによって確実に幅を変更することが可能です。V3を導入した場合にサイトの右下にreCAPTCHAのバッジ(ロゴ)が表示され、操作の邪魔になる場合があります。このロゴをreCAPTCHAのシステムを提供しているGoogleが推奨している方法で非表示にすることができます。コメントをキャンセルメールアドレスが公開されることはありません。1ミリノート.メニューHomeContactSitemapホーム検索トップサイドバータイトルとURLをコピーしました。