CSS辞典– category –
-
CSSで3つごとの子要素に、スタイルを適用する
CSSで、要素の3つごと目だけ、スタイルを適用したいことがあります。 その場合は下記のようなCSSを加えます。 下記コードは、同じ親要素の子要素で、指定したクラスに一致するものの3つごとを選択します。 [crayon-6a7e1a5439cd9630159216/] 単純にクラス... -
CSSでテキストを縦書きにする
CSS [crayon-6a7e1a543a224899499624/] HTML [crayon-6a7e1a543a228013986734/] リセットする（横書きに戻す）場合 リセットする場合 [crayon-6a7e1a543a229855777604/] 横書きにする場合 [crayon-6a7e1a543a22a443993000/] -
CSSでテキストの改行を禁止する／改行させる
改行を禁止する このプロパティを適用することで、テキストはコンテナの幅を超えても改行されず、一行に収まります。テキストを一行に保持したい時に便利ですが、テキストが長い場合、親要素をはみ出しますので注意も必要です。 [crayon-6a7e1a543a4cd2152... -
CSSだけで画像をモノクロにするテクニック【グレースケール】
ウェブサイトで使用する画像を視覚的に印象づける手法のひとつに、「画像を白黒（モノクロ）」にする方法があります。 特に、マウスを乗せたときだけカラー表示にしたいといった演出では、ユーザーの注意を引きやすくなります。CSSの「filter」プロパティ... -
CSSで文字を斜体にしたり解除したりする「 font-style 」の設定と使用例
「font-style」プロパティは、テキストのスタイルを指定するプロパティです。 テキストに対して、italic（斜体）などの装飾を加えるプロパティです。 font-style の使用例 フォントを通常のスタイルにする [crayon-6a7e1a543aa19037979536/] フォントを斜... -
CSSで文字の大きさを変更する「 font-size」の説明と使用例
font-size プロパティは、テキストの文字サイズを指定するために使用されます。 font-size の使用例 絶対的な数値を指定する [crayon-6a7e1a543aced565691552/] 絶対的な数値を複数の要素に指定する [crayon-6a7e1a543acef056305489/] 相対的な値を指定す... -
CSSで文字の太さを変更する「 font-weight 」の設定と使用例
font-weight プロパティは、フォントの太さ（ウェイト）を指定します。 font-weight の使用例 特定の値を指定指定する [crayon-6a7e1a543afca956363859/] 数字を指定した使用例 「100」「200」「300」「400」「500」「600」「700」「800」「900」 [crayon-... -
CSSで、文字のフォントを変更したい「font-family 」の設定・使用例
font-family プロパティは、ウェブページ上のテキストのフォントファミリー（書体）を指定するのに使用されます。 以下は font-family プロパティの使い方の例です。 これらの例は、font-family プロパティを使用して特定のフォントファミリーやフォールバ... -
CSSで上下の配置を設定する「vertical-align 」の設定と使用例
vertical-align プロパティは、テキストやインライン要素の垂直方向での配置を制御するために使用されます。以下は vertical-align プロパティの使い方の例です。 vertical-align プロパティは、主にインライン要素やテキストの配置に使用されます。これに... -
CSSで水平（左・中央・右）の配置を設定する「text-align 」の設定と使用例
text-align プロパティは、テキストの水平方向での配置（左寄せ、中央揃え、右寄せ、両端揃えなど）を制御するために使用されます。以下は text-align プロパティの使い方の例です。 text-align プロパティは、ウェブページ内のテキストの配置を制御し、デ...
