> For the complete documentation index, see [llms.txt](https://learning-space.gitbook.io/front-end/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://learning-space.gitbook.io/front-end/css/display-properties.md).

# Display properties

| Value        | Description                                                                                                                                                                                                                                                                                                                     |
| ------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| inline       | Hiển thị phần tử dưới dạng inline element (như \<span>). Bất kỳ thuộc tính chiều cao và chiều rộng nào sẽ không có hiệu lực.                                                                                                                                                                                                    |
| block        | <p>Hiển thị phần tử dưới dạng phần tử khối (như</p><p>\<p>). Nó bắt đầu trên một dòng mới và chiếm toàn bộ chiều rộng.</p>                                                                                                                                                                                                      |
| inline-block | Là sự kết hợp của inline và block nghĩa là các elements sẽ nằm trên 1 hàng như inline nhưng cũng có thể thay đổi được kích thước chiều cao chiều rộng như block.                                                                                                                                                                |
| none         | Xóa phần tử và tất cả các con của nó khỏi trang.                                                                                                                                                                                                                                                                                |
| grid         | Làm cho phần tử được chỉ định trở thành vùng chứa grid và các phần tử con của nó hoạt động như các mục grid.                                                                                                                                                                                                                    |
| flex         | Đặt một phần tử làm vùng chứa flex, một cách khác để tạo trang các phần tử động và responsive. [Tham khảo thêm](https://topdev.vn/blog/su-dung-bo-cuc-trang-flexbox-trong-css/#:~:text=m%E1%BA%BD%20nh%C6%B0%20v%E1%BA%ADy%3F-,Flexbox%20l%C3%A0%20g%C3%AC%3F,v%C3%A0%20k%C3%ADch%20th%C6%B0%E1%BB%9Bc%20m%C3%A0n%20h%C3%ACnh.) |