Хочу змінити вид маркера на інший символ. Як це зробити?
За допомогою HTML або CSS допускається встановлювати один з трьох типів маркерів: disc (точка), circle (гурток), square (квадрат). Додавати ці значення потрібно до стильового параметру list-style-type. який вказується для селектора UL або LI.
Вибір і установка власного символу маркера відбувається досить своєрідно, через псевдоелемент before. Спочатку слід взагалі прибрати маркери у списку, присвоївши значення none стильовому атрибуту list-style-type. а потім через двокрапку додати псевдоелемент before до селектора LI. Сам висновок символу здійснюється за допомогою параметра content. в якості значення якого і виступає бажаний текст або код знака в юникоде.
В даному прикладі маркер, встановлений за замовчуванням, ховається, а натомість додається символ +.
Псевдоелемент before не працює в браузері Internet Explorer, тому власні маркери в ньому відображатися не будуть.
Щоб встановити в якості маркера якийсь хитрий символ, можна скористатися програмою Microsoft Word, вибравши меню Вставка> Символ. Після чого відкриється вікно, як показано на рис. 1.
Мал. 1. Вибір символу в програмі Microsoft Word
Код знака, виділений на малюнку кольором, слід вписати в якості параметра content. додавши перед ним слеш. Наприклад, для наведеного символу слід вказувати content: "\ 25aa".