CSS @namespace 规則

定義と用法

CSS @namespace ルールは、スタイルシートで使用するXMLネームスペースを定義するために使用されます。

@namespace ルールのすべての前に位置する必要があります。 @charset および @import ルールの後に位置し、スタイルシート内のすべての他のat-ルール( @ ルールの前に(先頭のルール)とスタイル宣言の間に位置します。

スタイルシートで2つのXMLネームスペースを定義します:

@namespace url(http://www.w3.org/1999/xhtml); /* デフォルトのネームスペース */
@namespace svg url(http://www.w3.org/2000/svg); /* プレフィックス付きのネームスペース */
/* XHTMLのすべての<a>要素をマッチング(XHTMLはデフォルトのネームスペースです) */
a {
  color: salmon;
  text-decoration: none;
  font-weight: bold;
}
/* すべてのSVGの<a>要素をマッチング */
svg|a {
  fill: maroon;
  text-decoration: underline;
}
/* XHTMLおよびSVGの<a>要素をマッチング */
*|a {
  text-transform: uppercase;
}

自分で試してみる

CSS 语法

@namspace prefix url(xmlNamspaceURL);

属性値

説明
prefix オプション。ネームスペースのプレフィックスを定義します。
url() 必須。ネームスペースの URL。

ブラウザのサポート

テーブルの数字は、この @ ルールを完全にサポートする最初のブラウザのバージョンを示しています。

Chrome Edge Firefox Safari Opera
1 12 1 1 8