Đăng nhập
Bạn chưa có tài khoản? Đăng ký.
Bạn đã quên password?
Thuộc tính style trong HTML được sử dụng để thêm định dạng (kiểu trang trí) cho một một phần tử, chẳng hạn như màu sắc, font chữ, kích thước, v.v.
Chúng ta sử dụng thuộc tính style để thiết lập các định dạng style cho một phần tử HTML.
Thuộc tính style có cú pháp như sau.
<div style="property:value"></div>
Trong đó, property là một thuộc tính CSS, value là giá trị CSS
CSS là gì thì chúng ta sẽ xem trong loạt bài viết về CSS nhé
Thuộc tính CSS background
or background-color
được dùng để xác định màu nền cho phần tử HTML
Ví dụ 1: Đặt màu nền cho trang web bằng màu xanh da trời
<body style="background-color:powderblue;"> <h1>Tiêu đề heading 1</h1> <p>Văn bản paragraph.</p> </body>
Ví dụ 2: Đặt màu nền cho 2 phần tử khác nhau như trên
<h1 style="background-color:powderblue;">Tiêu đề heading 1</h1> <p style="background-color:tomato;">Văn bản paragraph.</p>
Thuộc tính CSS color
xác định màu văn bản cho một phần tử HTML:
Ví dụ
<h1 style="color:green;">Tiêu đề heading 1</h1> <p style="color:red;">Văn bản paragraph.</p>
Thuộc tính CSS font-family
xác định phông chữ được sử dụng cho một phần tử HTML.
Ví dụ
<h1 style="font-family:verdana;">Tiêu đề heading 1</h1> <p style="font-family:courier;">Văn bản paragraph.</p>
Thuộc tính CSS font-size
xác định kích thước văn bản cho một phần tử HTML.
Ví dụ
<h1 style="font-size:300%;">Tiêu đề heading 1</h1> <p style="font-size:160%;">Văn bản paragraph.</p>
Thuộc tính CSS text-align
xác định căn chỉnh văn bản theo chiều ngang (trái, phải, giữa ...) cho một phần tử HTML:
Ví dụ
<h1 style="text-align:center;">Tiêu đề heading 1</h1> <p style="text-align:center;">Văn bản paragraph.</p>
style
để tạo định dạng kiểu các phần tử HTMLbackground-color
khi cần định dạng màu nền của phần tử HTMLcolor
để tạo màu văn bản của phần tửfont-family
cho phông chữ của văn bảnfont-size
để định dạng kích thước của văn bảntext-align
để căn chỉnh văn bản