ホームページ  >  記事  >  ウェブフロントエンド  >  HTML は要素のインライン スタイルの属性スタイルを指定します

HTML は要素のインライン スタイルの属性スタイルを指定します

黄舟
黄舟オリジナル
2017-11-03 13:43:108875ブラウズ

HTML ドキュメントでの style 属性の使用:

<h1 style="color:blue; text-align:center">This is a header</h1>
<p style="color:red">This is a paragraph.</p>

定義と使用法

style 属性は、要素のインライン スタイルを指定します

style 属性は、c9ccee2e6ea535a969eb3f532ad9fe89 タグなどのグローバル スタイル設定をオーバーライドします。または外部スタイル シートで指定されたスタイル。

サポート

W3C: 「W3C」列は、属性が W3C の HTML/XHTML 勧告で定義されているかどうかを示します。

IE Firefox Opera Safari W3C
YES YES YES YES YES

構文

<element style="value">

属性

Description
style_definition セミコロンで区切られた 1 つ以上の CSS プロパティと値。

以下はスタイル属性の例です:

style 属性を使用して背景色 (bgcolor 効果) を変更します。

<span style="font-size: 12pt;"><html>
<body style = "
<h1 stye = "background-color:red>This is a Heading</h1>
<p style = "background-color:green>This is a Paragraph</p>
</body>
</html></span>

style 属性は古い "bgcolor" 属性を削除します。

色、フォント、サイズを設定するには style 属性を使用します

1 <html>
2 <body>
3 <h1 style = "font-family:verdana">A Heading</h1>
4 <p style = "font-family:arial;color:red;font-size:20px;">A Paragraph</p>
5 </body>
6 </html>

style 属性により、古い 240cb830ca84ebaabbd07850110b414d タグが削除されます。

style 属性は、テキストの配置方法を設定します

1 <html>
2 <body>
3 <h1 style = "text-align:center;">A Heading</h1>
4 <p>The heading above is aligned to the center of the page</p>
5 </body>
6 </html>

style 属性は、align 属性を排除します。

以上がHTML は要素のインライン スタイルの属性スタイルを指定しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。