CSS списъците са много полезни за достигане до набор от номерирани или маркирани точки. Тази статия ще ви покаже как да контролирате вида, позицията, стила на използвайки CSS. Следващите указатели ще бъдат разгледани тук,
- CSS свойства
- Свойството от типа на списъка
- CSS списъци: Примерна програма
- Маркерни стойности заВ списък стил-позиция свойство
Нека започнем тогава,
CSS списъци
CSS свойства
Има пет различни CSS свойства, в които можете да го използвате за управление на списъци:
- List-style-type: Позволява ни да контролираме формата или външния вид на маркера.
- Позиция в стила на списъка: Указва, че е необходима дълга точка, за да се увие до втори ред или трябва да се подреди с първия ред или да започне с маркера.
- Списък-стил-изображение: Той указва, че изображение за маркера трябва да бъде добавено или направено по-привлекателно, а не от куршумите или номерираните точки.
- Стил на списъка: Той показва стенографията на предходните свойства.
- Отместване на маркера: Указва разстоянието между маркера и текста, въведен в списъка.
Тук често използваните списъци са: list-style-type и list-style-position. Това е обяснено по-долу
алгоритъм за планиране на кръг в c
Продължавайки с тази статия за CSS списъци
Свойството от типа на списъка
В свойството тип-стил на списъка ви позволява да контролирате формата и стила на точките или маркера в неподредения случай на списъка. В подредения списък това е номериране на знаци.
Под таблицата, представяща неподредените списъци:
| Стойност | Описание |
| Нито един | NA |
| Диск | Попълва се в кръга. (По подразбиране) |
| Кръг | Това е празен кръг. |
| Квадрат | Попълва се на площада. |
Под таблицата, представяща подредените списъци:
| Стойност | Описание | Пример |
| Десетична | Това е число | 1,4,3 |
| Десетична водеща нула | 0 преди действителното число | 01, 04, 03 |
| Долна алфа | Това са малки буквено-цифрови символи. | a, b, c, d |
| Горно-алфа | Това са главни буквено-цифрови символи. | A, B, C, D |
| Долноримски | Това са малки римски цифри. | i, ii, iii, iv, v |
| Горноримски | Това са главни римски цифри. | I, II, III, IV, V |
| Долногръцки | Маркерът е на долния гръцки език | алфа, гама |
| Долнолатински | Маркерът е на долна латиница | a, b, c, d |
| Горнолатински | Маркерът е на горната латиница | A, B, C, D |
Продължавайки с тази статия за CSS списъци
CSS списъци: Примерна програма
- Java
- Python
- Ъглова
- Java
- Python
- Ъглова
- Java
- Python
- Ъглова
- Java
- Python
- Ъглова
- Java
- Python
- Ъглова
Изход
Продължавайки с тази статия за CSS списъци
Свойството на стила на списъка
Маркерни стойности за В свойство в стил списък-позиция
В свойството style-position-position това показва, че маркерът трябва да се появи във или извън полето, съдържащо точките на маркера. Това може да има една от двете стойности:
| Стойност | Описание |
| Нито един | NA |
| Вътре | В този случай, ако текстът отиде на втория ред, тогава текстът ще се увие под маркера и ще покаже къде би започнал текстът, ако списъците имаха вале отвън. |
| отвън | В този случай, ако текстът премине във втория ред, текстът ще бъде подравнен с началото на първия ред. |
Пример:
- Математика
- Социология
- Физика
- Математика
- Социология
- Физика
- Математика
- Социология
- Физика
- Математика
- Социология
- Физика
Изход
Това ни води до края на тази статия за CSS списъци.
Вижте нашите което се предлага с обучение под ръководството на инструктори на живо и опит в реалния живот на проекти. Това обучение ви кара да владеете умения за работа с back-end и front-end уеб технологии. Включва обучение по уеб разработка, jQuery, Angular, NodeJS, ExpressJS и MongoDB.
Имате въпрос към нас? Моля, споменете го в раздела за коментари на статията и ние ще се свържем с вас.