横幅の最大値をmax-widthではなくminmaxで設定してみる

CSSで横幅の最大値を指定するときはmax-widthを使うことが多いですが、CSSグリッドレイアウトのminmaxを使って横幅の最大値を指定することもできます。 max-widthを使って横幅の最大値を指定 サンプルと … “横幅の最大値をmax-widthではなくminmaxで設定してみる”の続きを読む

CSSグリッドレイアウトでword-wrap: break-wordが効かなかったときの対処法

フレキシブルボックスレイアウト(flexbox)でも起きたことがあるのですが、CSSグリッドレイアウト(CSS Grid)でも単位にfrやminmaxで横幅などを指定していると、word-wrap: break-word … “CSSグリッドレイアウトでword-wrap: break-wordが効かなかったときの対処法”の続きを読む

IE11でz-indexの指定が反映されていなかったときの対処法

CSSとjavascriptでドロワーメニューをつくっていたとき、ボタンやメニュー以外の部分のクリックでメニューを閉じるよう設定していたのですが、IE11だとz-indexが効いておらずにリンクが押せる状態となっていまし … “IE11でz-indexの指定が反映されていなかったときの対処法”の続きを読む

CSSでフォントの種類を変更するやり方

CSSでフォントの種類を変更するやり方を説明します。 フォントの種類を変えるときは、font-familyプロパティでフォントの種類を設定することができます。 フォント名はシングルクォーテーション(’)、ダブ … “CSSでフォントの種類を変更するやり方”の続きを読む

CSSでWebサイトのページ全体の文字サイズを変える方法

CSSを使って、Webサイトのページ全体の文字サイズを変えるやり方を説明します。 Webサイト全体の文字サイズを変更するときは、一般的にbodyタグで囲まれた部分にfont-sizeプロパティで文字のサイズを指定します。 … “CSSでWebサイトのページ全体の文字サイズを変える方法”の続きを読む