Để chỉ định và thiết lập định dạng cho phần tử HTML, chúng ta dùng thuộc tính style. Hãy đọc tiếp bài viết dưới đây của Mytour để hiểu rõ hơn về các thuộc tính Style trong HTML.
Thuộc tính Style trong HTML
1. Cú pháp của thuộc tính style trong HTML
Cú pháp của thuộc tính style trong HTML được biểu diễn như sau:
Trong đó:
- Property là thuộc tính CSS.
- Giá trị là giá trị của thuộc tính CSS.
2. Thuộc tính màu nền (background-color)
Thuộc tính màu nền (background-color) trong CSS được dùng để đặt và thiết lập màu nền cho phần tử HTML.
Ví dụ: Trong ví dụ dưới đây, chúng ta sẽ đặt màu nền của trang là màu xanh da trời:
Kết quả sau khi áp dụng thuộc tính background-color như sau:
3. Thuộc tính màu văn bản (color)
Để chỉ định màu văn bản cho phần tử HTML, sử dụng thuộc tính màu văn bản (color) trong CSS.
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ả sau khi áp dụng sẽ như sau:
4. Thuộc tính font chữ (font-family)
Để chỉ định font chữ cho phần tử HTML, sử dụng thuộc tính font-family trong CSS.
Ví dụ: Trong ví dụ này, chúng ta sẽ sử dụng thuộc tính font-family để chỉ định font chữ cho phần tử HTML.
Kết quả trả về sẽ như sau:
5. Thuộc tính kích thước font (font-size)
Thuộc tính kích thước font (font-size) trong CSS được sử dụng để xác định kích thước của font chữ cho phần tử HTML.
Ví dụ:
Sau khi áp dụng thuộc tính font-size, kết quả trả về sẽ như sau:
6. Thuộc tính căn chỉnh văn bản theo chiều ngang (text-align)
Thuộc tính căn chỉnh văn bản theo chiều ngang (text-align) trong CSS được dùng để căn chỉnh văn bản theo chiều ngang cho phần tử HTML.
Ví dụ:
Sau khi sử dụng thuộc tính text-align, kết quả trả về sẽ có dạng như sau:
7. Thuộc tính style trong HTML
- Sử dụng thuộc tính style để đị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 màu văn bản để đặt màu cho văn bản trong phần tử HTML.
- Sử dụng thuộc tính font chữ để chọn font chữ cho phần tử HTML.
- Sử dụng thuộc tính kích thước font để chỉ định kích thước của font chữ cho phần tử HTML.
- Sử dụng thuộc tính căn chỉnh văn bản để căn chỉnh văn bản trong phần tử HTML.
Trên đây là bài viết của Mytour về các thuộc tính style trong HTML. Nếu có thắc mắc hoặc câu hỏi, bạn đọc có thể để lại ý kiến trong phần bình luận dưới bài viết.
Trong các bài viết tiếp theo, Mytour sẽ tiếp tục giới thiệu về các thẻ định dạng đoạn văn bản trong HTML.