Tôi có thể sử dụng loại kiểu danh sách cho thẻ div không?

Question

Tôi đã học CSS. Tôi biết rằng chúng tôi có thể sử dụng thuộc tính list-style-type để đặt điểm đánh dấu danh sách. Chúng tôi có thể áp dụng thuộc tính đó cho một thẻ div không?

Answer 1

Có thể. Những điều sau gây ra thẻ div giống với một mục danh sách:

div {display:list-item;} 

Answer 2

Bạn có thể đặt bất kỳ thuộc tính CSS nào trên bất kỳ phần tử HTML nào. Trong thực tế, một phần tử luôn có tất cả các thuộc tính CSS (với giá trị ban đầu được xác định là giá trị, nếu không được thiết lập). Tuy nhiên, không phải tất cả các thuộc tính đều có ảnh hưởng đến tất cả các phần tử trong mọi trường hợp.

Cụ thể, định nghĩa của list-style-type property cho biết: “Áp dụng cho: các yếu tố có 'display: list-item'”. Ở đây "áp dụng cho" có nghĩa là "có ảnh hưởng đến kết xuất".

Hơn nữa, ngay cả khi bạn đặt display: list-item trên div, sẽ không có điểm đánh dấu danh sách (như dấu đầu dòng hoặc số), trừ khi có khoảng trống ở bên trái nội dung phần tử để chứa nó. Bạn có thể sắp xếp không gian bằng cách sử dụng các thuộc tính lề. Ví dụ:

div { 
    display: list-item; 
    margin-left: 1.3em; 
    list-style-type: circle; 
}