Thuộc tính Style 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é.

Để 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.

Thuoc tinh 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:

thuoc tinh style trong html

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:

thuoc tinh style trong html 2

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

thuoc tinh style trong html 3

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.

thuoc tinh style trong html 4

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

thuoc tinh style trong html 5

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.

thuoc tinh style trong html 6

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

thuoc tinh style trong html 7

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ụ:

thuoc tinh style trong html 8

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:

thuoc tinh style trong html 9

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ụ:

thuoc tinh style trong html 10

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:

thuoc tinh style trong html 11

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é.

https://thuthuat.taimienphi.vn/thuoc-tinh-style-trong-html-49962n.aspx
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.

Tác giả: Nguyễn Thuý Thanh     (4.0★- 3 đánh giá)  ĐG của bạn?

  

Bài viết liên quan

Danh sách các thuộc tính trong HTML
Thẻ Heading trong HTML, thẻ H1, H2, H3, H4, H5, H6
Tìm hiểu các phần tử trong HTML
Tìm hiểu Entities trong HTML
URL trong HTML là gì? cấu trúc như thế nào?
Từ khoá liên quan:

Thuộc tính Style trong HTML

, HTML, HTML là gì,

SOFT LIÊN QUAN
  • HTML Optimizer Pro

    Tiện ích mã nguồn HTML, tăng tốc độ website

    HTML-Optimizer Pro là tiện ích mã nguồn HTML, tăng tốc độ website. Nó cho phép tải các file ảnh với kích thước và định dạng cho phép như JPEG và PNG. Đồng thời hỗ trợ lưu trữ dữ liệu, tối ưu hóa mã nguồn HTML, tìm kiếm d ...

Tin Mới


 Mùa hè tới rồi muốn so sánh giá tìm điều hòa giá rẻ nhất thị trường hãy dùng TopGia để so sanh gia có nhiều mẫu dieu hoa để so sanh sanh, xem dieu hoagiá rẻ để so sánh giá