明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

html規(guī)定元素的行內(nèi)樣式(inline style)的屬性style

[摘要]實(shí)例在 HTML 文檔中使用 style 屬性:<h1 style="color:blue; text-align:center">This is a header</h1><p style="color:red">Thi...

實(shí)例

在 HTML 文檔中使用 style 屬性:

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

定義和用法

style 屬性規(guī)定元素的行內(nèi)樣式(inline style)

style 屬性將覆蓋任何全局的樣式設(shè)定,例如在 <style> 標(biāo)簽或在外部樣式表中規(guī)定的樣式。

支持

W3C: "W3C" 列指示 W3C 的 HTML/XHTML 推薦標(biāo)準(zhǔn)中是否定義了該屬性。

IEFirefoxOperaSafariW3C
YESYESYESYESYES

語(yǔ)法

<element style="value">

屬性

描述
style_definition一個(gè)或多個(gè)由分號(hào)分隔的 CSS 屬性和值。

以下是幾個(gè)style屬性的實(shí)例:

使用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屬性設(shè)置顏色、字體和尺寸

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屬性淘汰了舊的<font>標(biāo)簽。

style屬性設(shè)置文本對(duì)其方式

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規(guī)定元素的行內(nèi)樣式(inline style)的屬性style 的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ),涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。