＃
表示例について
サンプルコードとともに示している表示例はご利用のブラウザが実際に描画した結果です。ご利用のブラウザが対応していないHTMLの要素やCSSのプロパティ、値などの機能は正しく表示されません。
このウェブサイトのスタイルシートによる影響を低減するため、表示例には以下のスタイルが別途適用されています。
scroll-behavior: auto;
color-scheme: light dark;
color: CanvasText;
background-color: Canvas;
font-family: system-ui,sans-serif;
font-size: medium;
font-weight: normal;
line-height: normal;
text-align: start;
white-space: normal;
overflow-wrap: normal;
word-break: normal;
hyphens: manual;
なお、主題となるコードを解説するために必要ないコードは一部省略していることがあり、記載されているコードだけでは全く同じ表示結果にはならない場合があります。
表示例はダーク・モードに対応していますが、ご利用のデバイスがダーク・モードに設定されている場合にだけダーク・モードが反映されます。
＃
対応状況の判定について
CSSについての一部の記事では参考情報としてご利用のブラウザの対応状況を表示しています。対応状況はCSSの“@supports”ルールを使用して判定しています。
ご利用のブラウザが“@supports”ルールに対応していない場合や、判定に複数のプロパティ、値、関数などが関わる場合は誤った表示結果になる場合があります。
総合的な対応状況
記事の主題である機能についての判定結果です。部分的な対応である場合でも対応していると判定されます。
表示例の対応状況
表示例の主題である機能についての判定結果です。主題である機能以外のプロパティ、値などにご利用のブラウザが対応していない場合は表示例が正しく表示されない場合があります。
