19/09/2018, 14:42
style trong HTML
1 2 3 4 5 6 7 8 9 < ! DOCTYPE html > < html > < body > < h1 style = "color:blue;text-align:center" > Đâ y l à ti ê u đề < / h1 > < p style ...
1 2 3 4 5 6 7 8 9 |
<!DOCTYPE html> <html> <body> <h1 style="color:blue;text-align:center">Đây là tiêu đề</h1> <p style="color:green">Đây là nội dung đoạn văn bản.</p> </body> </html> |
Demo
Định nghĩa và cách sử dụng
Thuộc tính cho phép trang trí nội dung hiển thị ngay trên thẻ.
Thuộc tính style sẽ ghi đè lên kiểu trang trí được gọi trong css trên thẻ header.
Trình duyệt hỗ trợ
Thuộc tính | |||||
---|---|---|---|---|---|
style | Có | Có | Có | Có | Có |
Khác biệt giữa HTML 4.01 và HTML5
Trong HTML5, thuộc tính style có thể được sử dụng trong mọi thẻ HTML (hợp lệ khi dùng với bất kỳ thẻ HTML nào. Tuy nhiên, không phải lúc nào thẻ này cũng hữu dụng).
Trong HTML 4.01, thuộc tính style không thể sử dụng với các thẻ: <base>, <head>, <html>, <meta>, <param>, <script>, <style> và <title>.
Cú pháp
1 |
<element style="định nghĩa các kiểu trang trí"> |
Giá trị thuộc tính
Giá trị | Miêu tả |
---|---|
Định nghĩa các kiểu trang trí | Một hay nhiều mã CSS phân biệt với nhau bởi dấu chấm phẩy (vd. style="color:blue;text-align:center") |