SYNCERのロゴ
アイキャッチ画像

CSSRule.FONT_FACE_RULE - 5 (@font-faceのCSSルール)

FONT_FACE_RULEは、CSSRuleの定数です。5を返します。この値は、CSSルールの分類が、@font-faceであることを表します。

概要

名前
FONT_FACE_RULE
所属
CSSRule
IDL
const unsigned short FONT_FACE_RULE = 5;
仕様書
https://drafts.csswg.org/cssom/#dom-cssrule-font_face_rule

チュートリアル

この定数は、typeの値と照合するために使います。下記はCSSルールの種類が@font-faceであることを確認する例です。

CSSルールの例

@font-face {
	font-family: "syncer" ;
	src: url(https://lab.syncer.jp/font/icon.woff2) format('woff2') ;
}
if ( cssRule.type === CSSRule.FONT_FACE_RULE ) {
	console.log( "CSSルールは@font-faceです。" ) ;
}

デモ

CSSRule.FONT_FACE_RULEのデモです。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<html>
<head>
	<style>
body {
	white-space: pre-wrap ;
}
	</style>
</head>
<body>
<script>
/** try it! **/
var cssRule = document.styleSheets[0].cssRules[0] ;

var a = CSSRule.FONT_FACE_RULE ;
var b = cssRule.FONT_FACE_RULE ;
/** try it! **/

var results = { a:a, b:b, } ;

for( var name in results ) {
	console.log( name, results[name] ) ;
	document.body.appendChild( document.createTextNode( name + " = " + JSON.stringify( results[name] ) + "\n" ) ) ;
}
</script>
</body>
</html>

サポート状況

ChromeFirefoxSafariEdgeIEOperaiOS SafariAndroid
9+
  • Twitterでシェア
  • Facebookでシェア
  • Google+でシェア
  • はてなブックマークでシェア
  • pocketに保存
  • LINEでシェア
更新履歴
2017年10月15日 (日)
コンテンツを公開しました。