Определить пользовательский стиль списка в CSS

Question

Я хочу спросить, если это возможно (что-то вроде шрифта). Пример:

@list-style-type { 
    list-style-image: 'myCustomStyle'; 
    src: url('url-to-image'); 
} 

ul { 
    list-style-type: myCustomStyle; 
} 

Есть ли что-то подобное? Я знаю, что могу сделать это с помощью классов на элементе, а затем установить пользовательский образ, но это не моя точка. У меня вопрос от моей компании, и что-то вроде этого было бы очень приятно.

Answer 1

В CSS в настоящее время определены и реализованы, вы не можете. Значения свойства list-style-type представляют собой набор ключевых слов, несколько отличающихся по различным спецификациям и реализациям, но даже синтаксис не позволяет добавлять какие-либо пользовательские значения.

Существует незавершенное определить CSS Lists and Counters Module Level 3, который мог бы расширить синтаксис и семантику, чтобы позволить пользовательские значения должны быть определены в @counter-style правил, используя конструкции, разработанные в рамках CSS Counter Styles Level 3. Планируется включить возможность определения именованного значения, которое использует пользовательский образ, или конструкцию, которая содержит пользовательский образ как часть его. До сих пор кажется, что в выпущенных версиях браузеров таких реализаций нет.

Answer 2

вы можете использовать Li фоновое изображение,

<li style="background:url()">list text here </li> 

Или вы можете использовать как

ul { 
list-style-image: url('imageName.png'); 

}