この2値構文がCSSレイアウトの明確化にどのように役立つのか、display: block flow-root;とdisplay: inline flow-root;に注目してみるとよく分かります。 flow-root の値は、ブロックとインラインのレイアウトについて考えれば、理にかなっています。これは、通常フローと ...

Webサイト制作において、レイアウトを効果的に制御するためには様々なCSSプロパティが重要ですが、中でもdisplayプロパティは最も基本的かつ強力なプロパティの一つです。このプロパティは要素がWebページ上でどのように配置され、レンダリングされるかを ...

Webフォントを使用しているサイトやブログが増えてきました。そして、近日アップデートされるChrome 60では、Webフォントの使い勝手を向上する「font-display」プロパティがいよいよ正式に実装される予定です（参考: Chromium）。 追記: さきほどChrome 60がリリース ...

CSSでウェブサイトのデザインを行う際、要素の表示・非表示を切り替えるアニメーションは頻繁に必要になります。特にレスポンシブデザインのナビゲーションメニューなどで使われることが多いテクニックです。 しかし、多くの初心者エンジニアは次の ...

I think outline should work on display contents elements. Just like it works if an online gets split into lines or bidi or even regions or by a block-in-inline. I think the element should be focusable ...

When an inline box contains an in-flow block-level box, the inline box (and its inline ancestors within the same line box) are broken around the block-level box [...], splitting the inline box into ...