Computer >> Máy Tính >  >> Lập trình >> Javascript

Cách sử dụng thuộc tính list-style-position trong CSS

list-style-position thuộc tính cho biết liệu điểm đánh dấu sẽ xuất hiện bên trong hay bên ngoài hộp chứa các dấu đầu dòng.

Nếu văn bản chuyển sang dòng thứ hai, văn bản sẽ nằm bên dưới điểm đánh dấu, cho giá trị bên trong .

Ví dụ

Nếu văn bản chuyển sang dòng thứ hai, văn bản sẽ được căn chỉnh với đầu dòng đầu tiên, cho giá trị bên ngoài.

<html>
   <head>
   </head>
   <body>
      <ul style = "list-style-type:circle; list-style-position:outside;">
         <li>Maths</li>
         <li>Science</li>
      </ul>
   </body>
</html>