2013/12/28

文書単体でのスタイルシートを指定

<style></style>
通常headタグ内に書いて、文書単体でのスタイルシートを指定する。
属性
media

メディアを指定。

type

スタイルシートのMIMEタイプを指定。

all…すべてのメディア(デフォルト)
screen…一般的なディスプレイ
print…通常のプリンタ
projection…プロジェクタ
tv…テレビ
handheld…ハンドヘルドデバイス
tty…固定文字サイズの端末、
embossed…点字プリンタ
braille…点字の触角デバイス
speech…読み上げブラウザ

scoped

scoped属性を指定したstyle要素の親要素と、その子孫要素にのみスタイルを適用させる。

html5から追加された属性。

サンプルコード

<!DOCTYPE html>
<html>
<head>

<style type="text/css" media="all">
p{
	margin:10px 0;
}
#akkarin{
	color:#ff0000;
}
</style>
</head>

405 views