List-style-image not working in chrome

The list-style-image property is used to put an image instead of the list item marker.

If the image has an inherent width and height, they will be used as width and height. If the image has an inherent ratio and an inherent height/width, they will be used as width and height. The used value of the missing dimension will be calculated from from the provided ratio and dimension.If the image has an inherent ratio and either an inherent height/width, the used height/width will be the same as the provided inherent height/width. The used value of the missing dimension will be calculated from from the provided ratio and dimension.

The list-style-image property is applied to list items and elements with display set to "list-item". By default, this includes

  • elements. It also can be set on the parent elements:
      or
        .
        The list-style-type property will be used when the image is not available to be shown.

        Syntax¶

        list-style-image: none | url | initial | inherit;

        Example of the list-style-image property:¶

        Title of the document

        List-style-image property example

        • List item 1
        • List item 2
        • List item 3
        Try it Yourself »

        Result¶

        Example of the list-style-image property with an attached source URL of the image:¶

        Title of the document

        List-style-image property example

        • List item 1
        • List item 2
        • List item 3
        Try it Yourself »

        Values¶


  • Video liên quan

    Chủ Đề