Webサイトをライトテーマとダークテーマ対応にするには、CSSのlight-dark()関数を使用すると今までより簡単に実装できます。現在のところ、サポートブラウザはChrome, Firefoxですが、Safari TPに実装されており、次のバージョンでサポート予定となっています。

ジグザグ、波状、罫線、アイソメトリックスなど、CSSで実装されたさまざまな背景用パターンをコピペで簡単に利用できるオンラインツールを紹介します。 カスタマイズにも対応しており、前景と背景のカラー、不透明度、サイズを簡単に変更できます。

Let's add a background color to our #bcBody attribute. In your style tag, set a background-color to yellow. You should see this: Not too hard, right? But what's going on here? The body tag is taking ...

CSSのショートハンドは省略して簡潔に書ける便利な書き方です。ただし、特にbackgroundは注意が必要です！backgroundのショートハンドは、実は多くのプロパティをまとめて省略しています。書いていない部分にも影響があり、デフォルト値にリセットされる ...

ショートハンドの書き方。 ショートハンドとは、複数のプロパティを一括指定する方法。 ショートハンドの方が、コード行数を少なくできるので通信量が減り、速度が早くなる。 ・background-color 「background」の中に「color」プロパティが入っているイメージ。

ChromeやSafariで採用しているレンダリングエンジンWebKitは「-webkit-background-clip」と「-webkit-text-fill-color」という2つのCSS3プロパティに対応している。「-webkit-background-clip」は背景をその上にレンダリングされるテキストなどに合わせて切り取る指定、「-webkit-text ...