首頁 > 文章 > web前端 > html規定元素的行內樣式（inline style）的屬性style

html規定元素的行內樣式（inline style）的屬性style

黄舟原創: 2017-11-03 13:43:108835瀏覽

實例

在HTML 文件中使用style 屬性：

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

定義與用法

style 屬性規定元素的行內樣式（inline style）

#style 屬性將覆寫任何全域的樣式設定，例如在c9ccee2e6ea535a969eb3f532ad9fe89 標籤或在外部樣式表中規定的樣式。

支援

W3C: "W3C" 欄位指示 W3C 的 HTML/XHTML 建議標準中是否定義了該屬性。

IE	Firefox	#Opera	Safari	W3C
#YES	YES	YES	YES	YES

##語法

<element style="value">

屬性

值#描述##style_definition

## #一個或多個由分號分隔的CSS 屬性和值。 ###############以下是幾個style屬性的實例：######使用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規定元素的行內樣式（inline style）的屬性style的詳細內容。更多資訊請關注PHP中文網其他相關文章！

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：html規定元素內容的語言屬性lang下一篇：html規定元素內容的語言屬性lang

看更多