Thuộc tính display
Thuộc tính display - thiết lập cách hiển thị
một phần tử bởi trình duyệt.
Cú pháp
bộ chọn {
display: giá trị;
}
Giá trị
| Giá trị | Mô tả |
|---|---|
block |
Phần tử khối. |
inline |
Phần tử nội tuyến. |
inline-block |
Phần tử khối nội tuyến. |
list-item |
Phần tử sẽ trở thành một mục danh sách và phía trước nó sẽ xuất hiện một điểm đánh dấu danh sách. |
flex |
Thiết lập phần tử dạng khối, và các phần tử con của nó sẽ trở thành các phần tử flex. |
inline-flex |
Thiết lập phần tử dạng khối nội tuyến, và các phần tử con của nó sẽ trở thành các phần tử flex. |
grid |
Tạo phần tử dạng lưới. |
none |
Phần tử sẽ hoàn toàn biến mất và tất cả các phần tử khác sẽ cư xử như thể phần tử này không tồn tại. |
table |
Phần tử sẽ cư xử như một bảng. |
table-cell |
Phần tử sẽ cư xử như một ô của bảng. |
inline-table |
Phần tử sẽ cư xử như một bảng, nhưng bảng đó là phần tử nội tuyến và các phần tử khác sẽ chảy xung quanh nó, ví dụ như chữ. |
table-caption |
Phần tử sẽ cư xử như thẻ caption. |
table-column |
Phần tử sẽ cư xử như một cột của bảng. |
table-row |
Phần tử sẽ cư xử như một hàng của bảng. |
table-column-group |
Phần tử sẽ cư xử như thẻ colgroup. |
table-footer-group |
Phần tử sẽ cư xử như thẻ tfoot. |
table-header-group |
Phần tử sẽ cư xử như thẻ thead. |
table-row-group |
Phần tử sẽ cư xử như thẻ tbody. |
run-in |
Thiết lập phần tử dạng khối hoặc nội tuyến tùy thuộc vào ngữ cảnh. |
Theo mặc định, các phần tử có thể có các
giá trị display khác nhau.