2022年11月1日(火)

CSSの新機能を効果的にうまく使った、新時代のCSSリセット -acab/reset.css

• 0
• 41
• 121
• 140

*,

*::before,

*::after {

margin: 0; /* マージンは0に */

padding: 0; /* パディングも常に0に */

box-sizing: border-box; /* もちろん、より直感的なbox-sizingに設定 */

}

:where([hidden]:not([hidden='until-found'])) {

display: none !important;  /* hiddenは非表示を意味します */

}

:where(html) {

-webkit-text-size-adjust: none; /* iOSのランドスケープでテキストが調整されないようにする */

color-scheme: dark light; /* ユーザーがダークテーマを好む場合、自動的にダークテーマになる */

}

@supports not (min-block-size: 100dvb) {

:where(html) {

block-size: 100%;

}

}

@media (prefe...