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

/* * * CSS file * * */ :root { --base-color: #002844; --bg-line-color: white; --pattern-size: 4em 3.464em; /* width : height = 1 : 0.866 */ } html, body { margin: 0 ...

最近はHEXコードから脱却して、色彩が豊かなOKLCH値のカラーを使用しているWebサイトやスマホアプリが増えてきました。さまざまなプロジェクトで使用できるOKLCHのカラーパレットをまとめたCSSを紹介します。 「uchū」は日本語の「宇宙」で、作者が日本の ...

Major browsers support CSS3 gradients (including Internet Explorer 10), but with different rendering engines, it's still good to have fallbacks. Designing the presentation layer of an HTML5 ...