HTMLのstyle要素の説明です。style要素は、HTML文書に適用するスタイル情報(スタイルシート)を定義する要素です。
目次
要素の記述例
style要素の記述例
<style media="screen">
body {
background: orange;
}
</style>
閲覧中ブラウザーでの表示結果
要素の説明
- style要素は、HTML文書に適用するスタイル情報(スタイルシート)を定義する要素です。
利用できる属性
属性名 | 属性の説明 |
---|---|
media | スタイルシートを適用するメディアの種類を定義する列挙型属性です。値には「all」(すべて)、「screen」(PC画面)、「print」(プリンタ)、などが定義できます。 |
nonce | コンテンツセキュリティポリシーのチェックで使用される暗号ノンスを定義する属性です。ノンスとは、暗号通信で用いられる使い捨てのランダム値のことです。 |
type | スタイルシートの言語をMIMEタイプで定義する属性です。この属性が省略された時のデフォルト値は「text/css」です。 |
グローバル属性
HTMLのすべての要素はグローバル属性が利用できます。グローバル属性の一覧については「グローバル属性」を参照してください。
イベントハンドラ属性
style要素がサポートするイベントハンドラ属性については「イベントハンドラ属性」を参照してください。
ブラウザデフォルトCSS設定
Google Chromeの場合
style要素のブラウザデフォルトCSS
style {
display: none;
}