Как создать простые списки в CSS. Веб-программирование
Не только с помощью HTML можно задать вид списка, но и при помощи атрибута в CSS.
Этот атрибут называется list-style-type. Он может принимать несколько значений.
От значения зависит то, каким образом будет происходить нумерация элементов списка.
Значения атрибута
- Disc - круги с заливкой.
- Circle – круги без заливки
- Square - квадраты с заливкой
- Decimal – арабские цифры
- Lower-roman – малые римские цифры
- Upper-roman – большие римские цифры
- Lower-alpha – малые латинские буквы
- Upper-alpha – большие латинские буквы
- None - без маркера
Вместо маркера списка можно использовать изображение. Для этого есть конструкция list-style-image. В качестве значения данного атрибута следует указать ссылку на картинку, которая будет маркером.
Стоит учитывать, что размеры картинки задать в самом атрибуте нельзя, так что необходимо позаботиться об этом заранее. Пример: ul {list-style-image: url(foto.jpg)}.
Маркер может входить в состав текста списка или может быть отделен от него, как по умолчанию. Для того, чтобы определить поведение маркера, необходимо использовать атрибут list-style-position, который принимает два значения: outside (по умолчанию), inside (внутри текста).
- Читайте также:
- Преимущества использования каскадных таблиц стилей (CSS) при создании сайта
- Языки программирования для создания сайта
Просмотров: 2751
Похожие статьи
Комментарии
Написать комментарий
Облако тегов
- AdSense
- Chrome
- Dmoz
- Drupal
- Evernote
- Firefox
- ICQ
- Joomla
- Linux
- Mac OS X
- Microsoft
- Photoshop
- Skype
- Telegram
- WebMoney
- Windows
- YouTube
- cms
- css
- html
- iOS
- iPad
- iPhone iPad
- sape
- Антивирусные программы
- Блог
- Видео
- Графика
- Игры
- Интернет
- Интернет-реклама
- Мобильные приложения
- Настройка компьютера
- Облачные сервисы
- Онлайн сервисы
- Поведенческие факторы
- Почта Яндекс
- Роботы
- Форматы
- Электронные книги
- Яндекс
- Яндекс.Деньги
- аудит
- дизайн
- домен
- заработок в Интернет
- индексация
- интернет магазин
- конверсия
- контекстная реклама
- контент
- метрика
- перелинковка
- поисковые запросы
- семантическое ядро
- спам
- ссылки
- статистика
- текст
- траст
- трафик
- фильтры Яндекс
- хостинг
- юзабилити
Комментарий добавил(а): А.
Дата: 2012-01-14
Тема интересная, хочется что бы и дальше были такие же статьи по css. И желательно на конкретных примерах.