
- HTML 教程
- HTML - 首頁
- HTML - 路線圖
- HTML - 簡介
- HTML - 歷史與演變
- HTML - 編輯器
- HTML - 基本標籤
- HTML - 元素
- HTML - 屬性
- HTML - 標題
- HTML - 段落
- HTML - 字型
- HTML - 塊
- HTML - 樣式表
- HTML - 格式化
- HTML - 引用
- HTML - 註釋
- HTML - 顏色
- HTML - 圖片
- HTML - 圖片地圖
- HTML - Iframes
- HTML - 短語元素
- HTML - 元標籤
- HTML - 類
- HTML - ID
- HTML - 背景
- HTML 表格
- HTML - 表格
- HTML - 表頭與標題
- HTML - 表格樣式
- HTML - 表格 Colgroup
- HTML - 巢狀表格
- HTML 列表
- HTML - 列表
- HTML - 無序列表
- HTML - 有序列表
- HTML - 定義列表
- HTML 連結
- HTML - 文字連結
- HTML - 圖片連結
- HTML - 郵件連結
- HTML 顏色名稱與值
- HTML - 顏色名稱
- HTML - RGB
- HTML - HEX
- HTML - HSL
- HTML 表單
- HTML - 表單
- HTML - 表單屬性
- HTML - 表單控制元件
- HTML - 輸入屬性
- HTML 媒體
- HTML - 影片元素
- HTML - 音訊元素
- HTML - 嵌入多媒體
- HTML 頭部
- HTML - Head 元素
- HTML - 新增 Favicon
- HTML - Javascript
- HTML 佈局
- HTML - 佈局
- HTML - 佈局元素
- HTML - 使用 CSS 進行佈局
- HTML - 響應式設計
- HTML - 符號
- HTML - 表情符號
- HTML - 樣式指南
- HTML 圖形
- HTML - SVG
- HTML - Canvas
- HTML API
- HTML - Geolocation API
- HTML - 拖放 API
- HTML - Web Workers API
- HTML - WebSocket
- HTML - Web 儲存
- HTML - 伺服器傳送事件
- HTML 其他
- HTML - 文件物件模型 (DOM)
- HTML - MathML
- HTML - 微資料
- HTML - IndexedDB
- HTML - Web 訊息傳遞
- HTML - Web CORS
- HTML - Web RTC
- HTML 演示
- HTML - 音訊播放器
- HTML - 影片播放器
- HTML - 網頁幻燈片
- HTML 工具
- HTML - Velocity Draw
- HTML - 二維碼
- HTML - Modernizer
- HTML - 驗證
- HTML - 顏色拾取器
- HTML 參考
- HTML - 速查表
- HTML - 標籤參考
- HTML - 屬性參考
- HTML - 事件參考
- HTML - 字型參考
- HTML - ASCII 碼
- ASCII 表格查詢
- HTML - 顏色名稱
- HTML - 實體
- MIME 媒體型別
- HTML - URL 編碼
- 語言 ISO 程式碼
- HTML - 字元編碼
- HTML - 已棄用標籤
- HTML 資源
- HTML - 快速指南
- HTML - 有用資源
- HTML - 顏色程式碼生成器
- HTML - 線上編輯器
HTML - 全域性樣式屬性
HTML 的**style 屬性**允許透過在 HTML 標籤內直接定義 CSS 屬性來對元素進行內聯樣式設定,從而影響其外觀和呈現。
為了確保您的網站可訪問且易於維護,請明智地使用它並考慮內容與表現分離的最佳實踐,儘管對於較小的樣式調整,可以使用 style 屬性。
語法
<element style="style_definitions">
style 屬性接受成對的屬性和屬性值。可以接受一個或多個用分號分隔的屬性和值。
應用於
由於 style 是 HTML 中的全域性屬性,因此所有可以包含文字的標籤都支援 style 屬性。一些例外是 <html>、<head>、<title> 等,因為它們是結構元素。
HTML style 屬性示例
以下示例將說明 HTML height 屬性,以及我們在哪裡以及如何使用此屬性!
使用 style 屬性為標題標籤設定樣式
在以下示例中,讓我們看看 style 屬性在 HTML 文件中的工作原理。如果我們與元素一起傳遞 style 屬性,則它會變成內聯 CSS。
<!DOCTYPE html> <html> <body style="text-align: center"> <h3>HTML style Attribute</h3> <h1 style="color: green"> Tutorials<span style="color: black">point</span> </h1> </body> </html>
單個 style 屬性上的多個屬性
考慮另一種情況,我們將使用 style 屬性內的多個內聯樣式,每個樣式用分號分隔。
<!DOCTYPE html> <html> <body style="text-align: center"> <h3>HTML style Attribute</h3> <p style="color: darkblue; background-color: lightgray; font-size: 20px; font-style: italic; "> HTML translate attribute is used to specify whether the content of an element should be translated when the page is localized </p> </body> </html>
支援的瀏覽器
屬性 | ![]() |
![]() |
![]() |
![]() |
![]() |
---|---|---|---|---|---|
style | 是 | 是 | 是 | 是 | 是 |
html_attributes_reference.htm
廣告