HTML/CSS– category –

本記事では、CSSのjustify-contentプロパティの使い方について詳しく解説しています。 justify-contentプロパティとは？ 先輩！justify-contentプロパティって何ですか？ justify-contentは、水平方向に並んでいるフレックスアイテムの位置を調整すること...

本記事では、CSSのalign-itemsプロパティの使い方について詳しく解説しています。 align-itemsプロパティとは？ 先輩！align-itemsプロパティって何ですか？ align-itemsは、垂直方向(交差軸)に並んでいるフレックスアイテムの位置を調整することが出来る...

本記事では、本来子要素に継承されないプロパティのスタイルを継承する方法について解説しています。 継承されないプロパティとは CSSのスタイルには、子要素に継承されるプロパティと継承されないプロパティの2つがあります。継承されない代表的なプロパ...

本記事では、CSSで蛍光ペン風のラインマーカーを作る方法について解説しています。 テキスト全体を覆うラインマーカー テキスト全体を覆うラインマーカーを作る方法はとても簡単で、background-colorプロパティを使うだけで実装可能です。 background-colo...

本記事では、本来子要素に継承されるプロパティのスタイルを強制解除する方法について解説しています。 継承されるプロパティとは CSSのスタイルには、子要素に継承されるプロパティと継承されないプロパティの2つがあります。継承される代表的なプロパテ...

本記事では、CSSでクリックイベント・タッチイベントを無効化する方法について解説しています。 pointer-eventsプロパティ クリックイベント・タッチイベントを無効化する方法はとても簡単で、無効化したい要素のCSSに「pointer-events: none」を指定する...

本記事では、HTMLとCSSで打消し線を付ける方法について解説しています。打消し線は古い情報をページから削除せず修正記録として残しておきたい時に使用されるテクニックです。 HTMLで打消し線を付ける方法 HTMLで打消し線を付けるには、<del>タグを...

本記事では、display:flexで横並びになったflexアイテムの高さを均等に揃える方法について解説しています。 align-itemsプロパティを使う flexアイテムの高さを揃えるには、交差軸の配置を調整するalign-itemsプロパティを使います。値には「stretch」を指...

本記事では、displya:flexで横並びにした要素に対して均等に余白を設ける方法について解説しています。 均等に余白を設ける2つの方法 先輩！均等に余白を設けるにはどうすればいいんですか？ 2つの方法があるから、別々に紹介するね！個人的に1つ目に紹介...

本記事では、CSSで画像を中央寄せする方法を解説しています。 画像を中央寄せする2つの方法 先輩！画像を中央寄せする方法を教えてください！ 了解！画像を中央寄せする方法は2つあるから、別々に紹介するね！ text-align:center; 1つ目は、text-align:cen...