このページはコミュニティーの尽力で英語から翻訳されました。MDN Web Docs コミュニティーについてもっと知り、仲間になるにはこちらから。

View in English Always switch to English

mathbackground

非推奨;: この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

mathbackgroundグローバル属性で、MathML 要素の背景色を設定します。

メモ: 可能な限り、MathML のスタイル設定には CSS を使用してください。mathbackground 属性は、CSS に対応していないアプリケーションでのみ使用するべきであり、CSS の background-color プロパティが設定されている場合は、その値によって上書きされます。

html
<math display="block" mathbackground="wheat">
  <msqrt>
    <mi>x</mi>
  </msqrt>
</math>

構文

html
<!-- キーワード値 -->
<math mathbackground="red">
<math mathbackground="indigo">

<!-- 16 進値 -->
<math mathbackground="#bbff00"> <!-- 完全不透明 -->
<math mathbackground="#bf0"> <!-- 完全不透明の短縮形 -->
<math mathbackground="#11ffee00"> <!-- 完全に透明 -->
<math mathbackground="#1fe0"> <!-- 完全に透明の短縮形 -->
<math mathbackground="#11ffeeff"> <!-- 完全不透明 -->
<math mathbackground="#1fef"> <!-- 完全不透明の短縮形 -->

<!-- RGB 値 -->
<math mathbackground="rgb(255 255 128)"> <!-- 完全不透明 -->
<math mathbackground="rgb(117 190 218 / 50%)"> <!-- 50% 半透明 -->

<!-- HSL 値 -->
<math mathbackground="hsl(50 33% 25%)"> <!-- 完全不透明 -->
<math mathbackground="hsl(50 33% 25% / 75%)"> <!-- 75% 不透明、すなわち 25% 半透明 -->

<color>

背景の単一色。

仕様書

仕様書
MathML Core
# dfn-mathbackground
  • MathML 3 およびそれ以前のバージョンでは、対応している値の範囲はより限定的でした。 MathML Core 以降、その構文は CSS の <color> の値と一致するようになりました。

  • この属性は、CSS に対応していない MathML アプリケーション向けに設計されました。 MathML Core 以降では、代わりに同等の CSS を使用することが推奨されています。

ブラウザーの互換性

関連情報