Thuộc tính Style trong HTML

Để chỉ định, thiết lập định dạng cho phần tử HTML, chúng ta sử dụng thuộc tính style. Tham khảo tiếp bài viết dưới đây của Taimienphi.vn để tìm hiểu chi tiết các thuộc tính Style trong HTML.

Thuộc tính Style trong HTML

1. Cú pháp thuộc tính style trong HTML

Cú pháp thuộc tính style trong HTML có dạng như dưới đây:

Trong đó:

- Property là thuộc tính CSS.

- Value là giá trị CSS.

2. Thuộc tính background-color

Thuộc tính background-color trong CSS được sử dụng để xác định, thiết lập màu nền cho phần tử HTML.

Ví dụ: Trong ví dụ dưới đâychúng ta thiết lập màu nền cho trang là màu xanh da trời:

Kết quả trả về sau khi áp dụng thuộc tính background-color có dạng như dưới đây:

3. Thuộc tính color

Sử dụng thuộc tính color trong CSS để chỉ định màu văn bản cho phần tử HTML.

Ví dụ: Ví dụ dưới đây minh họa cách sử dụng thuộc tính color để chỉ định màu văn bản cho phần tử HTML.

Kết quả trả về có dạng như dưới đây:

4. Thuộc tính font-family

Sử dụng thuộc tính font-family trong CSS để chỉ định font chữ được sử dụng cho phần tử HTML.

Ví dụ: trong ví dụ này chúng ta sẽ sử dụng thuộc tính font-family để chỉ định font chữ sử dụng cho phần tử HTML.

Kết quả trả về có dạng như dưới đây:

5. Thuộc tính font-size

Thuộc tính font-size trong CSS xác định kích thước font chữ cho phần tử HTML.

Ví dụ:

Kết quả trả về sau khi áp dụng thuộc tính font-size, phần tử HTML có dạng như dưới đây:

6. Thuộc tính text-align

Thuộc tính text-align trong CSS được sử dụng để căn chỉnh văn bản theo chiều ngang cho phần tử HTML.

Ví dụ:

Kết quả trả về sau khi áp dụng thuộc tính text-align, phần tử HTML có dạng như dưới đây:

7. Thuộc tính style trong HTML

- Sử dụng thuộc tính style cho định dạng phần tử HTML.

- Sử dụng thuộc tính background-color thiết lập màu nền cho phần tử HTML.

- Sử dụng thuộc tính color để thiết lập màu văn bản cho phần tử HTML.

- Sử dụng thuộc tính font-family để chỉ định font chữ cho phần tử HTML.

- Sử dụng thuộc tính font-size để chỉ định kích thước font chữ cho phần tử HTML.

- Sử dụng thuộc tính text-align để căn chỉnh văn bản cho phần tử HTML.

Bài viết trên đây Taimienphi.vn vừa giới thiệu cho bạn các thuộc tính style trong HTML. Ngoài ra nếu có bất kỳ thắc mắc hoặc câu hỏi nào cần giải đáp, bạn đọc có thể để lại ý kiến của mình trong phần bình luận bên dưới bài viết nhé.

Trong các bài viết tiếp theo Taimienphi.vn sẽ giới thiệu tiếp cho bạn về các thẻ định dạng đoạn văn bản trong HTML.

Trong bài viết trước bạn đọc đã cùng Taimienphi.vn tìm hiểu về thẻ định dạng đoạn văn bản trong HTML, trong bài viết tiếp theo dưới đây Taimienphi.vn sẽ giới thiệu tiếp cho bạn về thuộc tính Style trong HTML nhé.
Thẻ quote trong HTML
Thuộc tính color, màu trong HTML
Thẻ định dạng văn bản trong HTML
Thuộc tính id trong HTML, thẻ ID
Thẻ định dạng đoạn văn bản trong HTML
Thẻ Heading trong HTML, thẻ H1, H2, H3, H4, H5, H6

ĐỌC NHIỀU