Tìm hiểu về thuộc tính display trong css

Cùng xem thuộc tính display trong css có thể giúp chúng ta làm được những gì nào.

Tiếp theo trong series về học css cơ bản, NHẬT TOP sẽ tiếp tục hướng dẫn các bạn làm quen với thuộc tính display trong css

Vai trò của thuộc tính display

Thuộc tính display có nhiệm vụ quy định các loại hiển thị áp dụng cho các phần tử của HTML.

Các giá trị được sử dụng với thuộc tính display

  • display:none; với giá trị none thì phần tử đó sẽ không hiểu thị, không ảnh hưởng đến các lớp hiển thị

Display none

  • display:inline; với giá trị inline các thành phần sẽ hiển thị theo cùng hàng ngay

display inline

  • display:block; với giá trị block thì các thành phần sẽ hiểu thị theo từng phần riêng biệt, giống như thẻ <p> chẳng hạn.

display block

Trên đây là 3 giá trị được sử dụng với thuộc tính display trong css nhiều nhất mà NHẬT TOP muốn hướng dẫn các bạn. Ngoài ra còn các giá trị ít sử dụng hơn như: list-item, initial…

 

Viết một bình luận

Chat Zalo

Chat Facebook

HOTLINE: 091.404.8256