Thuộc tính marker-offset trong CSS



Thuộc tính marker-offset trong CSS xác định khoảng cách giữa cạnh viền gần nhất (Border gần nhất) của một Marker và Box chứa phần tử đó.

Thuộc tính này không được hỗ trợ trong IE 6 và Netscape 7.

Thuộc tính marker-offset có thể nhận giá trị:

  • length: Bất kỳ đơn vị độ dài nào.

  • auto: Giá trị mặc định. Trình duyệt tự động thiết lập khoảng cách này.

Thuộc tính marker-offset có thể áp dụng cho:

Tất cả phần tử mà được hiển thị với một Marker.

Cú pháp thuộc tính marker-offset trong DOM

object.style.markerOffset = "5px"
Quảng cáo

Ví dụ thuộc tính marker-offset trong CSS

Bạn theo dõi ví dụ sau để thấy cách sử dụng của thuộc tính marker-offset trong CSS:

<html>
   <head>
   </head>
   <body>
      <ul style="list-style: inside square; marker-offset:2em;">
         <li>Java</li>
         <li>Android</li>
         <li>PHP</li>
      </ul>
      
      <ol style="list-style: outside upper-alpha; marker-offset:2cm;">
         <li>Java</li>
         <li>Android</li>
         <li>PHP</li>
      </ol>
   </body>
</html>
Quảng cáo

Kết quả là:

  • Java
  • Android
  • PHP
  1. Java
  2. Android
  3. PHP