Hướng dẫn display html là gì

• Trang chủ
• Tham khảo
• CSS
• Ví dụ về thuộc tính display

Thuộc tính display

Thuộc tính display : xác định loại hiển thị của thành phần.

display: block;

Thuộc tính display: block; : Thành phần hiển thị như một khối, khi sử dụng giá trị block thành phần sẽ đứng một hàng độc lập so với thành phần trước và sau nó.

Đây là ví dụ cho display sử dụng giá trị block.

Đây là ví dụ cho display sử dụng giá trị block.

display: inline;

Thuộc tính display: inline; : Thành phần sẽ hiển thị như một nội tuyến (inline, không ngắt dòng), đây là dạng mặc định.

Đây là ví dụ cho display sử dụng giá trị inline.

Đây là ví dụ cho display sử dụng giá trị inline.

display: inline-block;

Thuộc tính display: inline-block; : Thành phần sẽ hiển thị như một khối, nhưng là một khối nội tuyến.

Đây là ví dụ cho display sử dụng giá trị inline-block.

Đây là ví dụ cho display sử dụng giá trị inline-block.

display: inline-table;

Thuộc tính display: inline-table; : Thành phần sẽ hiển thị như một khối nội tuyến, đối xử tương tự

tag {
    display: giá trị;
}

HỌC WEB CHUẨN : 
Kiến thức nhỏ cho web hiện đại

Đây là ví dụ cho display sử dụng giá trị inline-table.

Đây là ví dụ cho display sử dụng giá trị inline-table.

display: list-item;

Thuộc tính display: list-item; : Thành phần sẽ hiển thị như một khối và một nội tuyến cho các điểm đánh dấu danh sách.

Đây là ví dụ cho display sử dụng giá trị list-item.

Đây là ví dụ cho display sử dụng giá trị list-item.

display: none;

Thuộc tính display: none; : Thành phần không hiển thị.

Đây là ví dụ cho display sử dụng giá trị none.

Đây là ví dụ cho display sử dụng giá trị none.

display: table;

Thuộc tính display: table; : Thành phần sẽ đối xử như một

Đây là ví dụ cho display sử dụng giá trị table.

Đây là ví dụ cho display sử dụng giá trị table.

display: table;
display: table-caption;
display: table-cell;
display: table-column;
display: table-column-group;
display: table-footer-group;
display: table-header-group;
display: table-row;
display: table-row-group;

Các thuộc tính display trên dùng để định nghĩa tương tự như các phần tử của table.

Caption của table

A1
A2



B1
B2



C1
C2



D1
D2

Giá trị display ở trên tương tự table sau đây:

Caption của table