Interested Article - Flexilist
nelly
- 2020-04-10
- 1
Упрощает оформление маркированных и нумерованных списков средствами CSS . Все параметры необязательны.
Синтаксис
{{flexilist | margin-left = | list-style-position = | list-style-type = | li-color = | color = | list-style = | li-style = | элемент1 | элемент2 | элемент3 ... | элемент50 }} |
{{flexilist | отступ слева = | позиция маркера = | тип маркера = | цвет маркера = | цвет = | стиль списка = | стиль маркера = | элемент1 | элемент2 | элемент3 ... | элемент50 }} |
Поле | = | Формат | По умолчанию | Описание |
---|---|---|---|---|
margin-left
отступ слева |
= |
1em
20px |
3.2em | Отступ от левого края страницы до левой границы текста списка (без учёта ширины поля маркеров). |
list-style-position
позиция маркера |
= |
inside
outside |
outside |
Положение маркеров относительно текста списка.
|
list-style-type
тип маркера |
= |
circle
disc square armenian decimal decimal-leading-zero georgian lower-alpha lower-greek lower-latin lower-roman upper-alpha upper-latin upper-roman none inherit |
decimal |
Тип (вид) маркера для каждого элемента маркированного или нумерованного списка.
|
li-color
цвет маркера |
= |
goldenrod
#ddd |
#00528c
#252525 |
Цвет маркера для каждого элемента списка. |
color
цвет |
= |
khaki
#333 |
#252525 | Цвет элементов списка. |
list-style
стиль списка |
= | line-height:120%; width:80% | — | Произвольное форматирование списка. Переопределяет свойства списка, заданные предыдущими параметрами. |
li-style
стиль маркера |
= | font-size:12pt; font-weight:bold | — |
Произвольное форматирование маркера для каждого элемента списка. Переопределяет свойства маркера (при пустом параметре
|
list-style
=
/
|
стиль списка
=
— также свойства элементов списка), заданные предыдущими параметрами.
|
|
Примеры
{{flexilist | тип маркера = square | Тезис | Антитезис | Синтез }} |
|
|
{{flexilist | margin-left = 7em | list-style-type = lower-greek | li-color = red | color = royalblue | list-style = font-weight:bold | Швец | Жнец | На дуде игрец }} |
|
|
{{flexilist | тип маркера = circle | стиль маркера = font-size:150% | Pater | Filius | Spiritus Sanctus }} |
|
См. также
- {{ list }}
nelly
- 2020-04-10
- 1