Списки CSS очень полезны для достижения набора нумерованных или маркированных точек. Эта статья покажет вам, как управлять типом, положением, стилем используя CSS. Здесь будут рассмотрены следующие указатели,
- Свойства CSS
- Свойство типа списка
- Списки CSS: пример программы
- Значения маркеров дляВ свойстве list-style-position
Итак, давайте тогда приступим,
Списки CSS
Свойства CSS
Есть пять различных свойств CSS, в которых вы можете использовать его для управления списками:
- Тип стиля списка: он позволяет нам управлять формой или внешним видом маркера.
- Позиция в стиле списка: указывает, что длинная точка необходима для переноса на вторую строку или должна выровняться с первой строкой или начинаться с маркера.
- List-style-image: он указывает, что изображение для маркера должно быть добавлено или сделано более привлекательным, чем маркеры или пронумерованные точки.
- Стиль списка: показывает сокращение предыдущих свойств.
- Смещение маркера: определяет расстояние между маркером и текстом, введенным в список.
Здесь обычно используются следующие списки: list-style-type и list-style-position. Это объясняется ниже
Продолжаем статью о списках CSS
Свойство типа списка
В свойстве list-style-type вы можете управлять формой и стилем маркеров или маркеров в случае неупорядоченного списка. В случае упорядоченного списка это символы нумерации.
Ниже таблица, представляющая неупорядоченные списки:
| Ценность | Описание |
| Никто | NA |
| Диск | Он закрашен кружком. (По умолчанию) |
| Круг | Это пустой круг. |
| Квадрат | Заливается квадрат. |
Ниже таблица, представляющая упорядоченные списки:
| Ценность | Описание | пример |
| Десятичная дробь | Это число | 1,4,3 |
| Десятичный ведущий ноль | 0 перед фактическим числом | 01, 04, 03 |
| Нижняя альфа | Это буквенно-цифровые символы нижнего регистра. | а, б, в, г |
| Верхняя альфа | Это буквенно-цифровые символы в верхнем регистре. | А, Б, В, D |
| Нижнеримский | Это строчные римские цифры. | я, II, III, IV, V |
| Верхнеримский | Это римские цифры в верхнем регистре. | I, II, III, IV, V |
| Нижнегреческий | Маркер на нижнегреческом | альфа, гамма |
| Нижнелатинский | Маркер в нижнем латинице | а, б, в, г |
| Верхнелатинский | Маркер на верхнем латыни | А, Б, В, D |
Продолжаем статью о списках CSS
Списки CSS: пример программы
- Ява
- Python
- Угловой
- Ява
- Python
- Угловой
- Ява
- Python
- Угловой
- Ява
- Python
- Угловой
- Ява
- Python
- Угловой
Вывод
Продолжаем статью о списках CSS
Свойство list-style-position
Значения маркеров для свойства «позиция в стиле списка»
В свойстве list-style-position он показывает, что маркер должен отображаться внутри или за пределами поля, содержащего маркеры. Это может иметь одно из двух значений:
| Ценность | Описание |
| Никто | NA |
| Внутри | В этом случае, если текст помещается во вторую строку, то текст будет переноситься под маркер. Он также покажет, где текст начинался бы, если бы списки имели значение снаружи. |
| вне | В этом случае, если текст переходит во вторую строку, текст будет выровнен по началу первой строки. |
Пример:
- Математика
- Социальная наука
- Физика
- Математика
- Социальная наука
- Физика
- Математика
- Социальная наука
- Физика
- Математика
- Социальная наука
- Физика
Вывод
На этом мы подошли к концу статьи о списках CSS.
как сортировать числа в c ++
Ознакомьтесь с нашими который включает в себя живое обучение под руководством инструктора и опыт реальных проектов. Это обучение позволит вам овладеть навыками работы с серверными и интерфейсными веб-технологиями. Он включает обучение веб-разработке, jQuery, Angular, NodeJS, ExpressJS и MongoDB.
Есть вопрос к нам? Пожалуйста, укажите это в комментариях к статье, и мы свяжемся с вами.