CSSのdisplayプロパティは、HTML要素の表示方法・振る舞いを決める非常に基本かつ重要なプロパティです。 block と inline は最も基本的かつ頻繁に使われる表示形式で、ページレイアウトやUIの構築に直結します。 違いを正確に理解することで、思い通りの見た ...

HTML/CSSを学習中で、noteでの学習や動画学習などをしていてこんな経験はないですか？ ・「一応調べてみた」→が、なんとなくの理解で進む ・「某noteなどで学習していると、そのコードを打ち込んでいけばなんとなくサイトが出来上がってしまう」 ・「意味 ...

本文が短い場合でも、フッタを画面下部に表示する方法(2ページ目) ページの内容が少ない場合、ブラウザの描画領域よりもページの長さ(高さ)が足りず、「フッタ」部分が画面の半ばに表示されてしまうことがあります。そこで、内容が少ない場合にだけ ...

間もなくリリースされるChrome 123（リリース情報）で、ブロックやテーブルレイアウトでのalign-contentプロパティがサポートされます。 これにより、div要素内に簡単に垂直方向の中央に配置できるのは嬉しいニュースです。しかし、既存サイトでalign-content ...

2025年、Web制作者がチェックしておきたいCSSの新機能: カスタマイズ可能な新しいコンポーネント編を紹介します。 下記は各ポイントを意訳したものです。 ※元サイト様の ライセンス と Apache 2.0 に基づいて翻訳しています。基づいてというのは、貢献部分に関して同ライセンスも含みます。

There is a css rule in file ui.css, which goes like this... path { stroke: currentColor; } Now this rule is fairly innocent but when you have some SVG component as a Block tool, in my case, I am ...