HTML+CSS Стили для ссылок

Уроки HTML+CSS: Стили для списков

В данной записи мы рассмотрим стили для списков. CSS-списки — набор свойств, отвечающих за оформление списков. Использование HTML-списков очень распространено при создании панелей навигации по сайту. Элементы списка представляют набор блочных элементов.

discЗначение по умолчанию. В качестве маркера элементов списка выступает закрашенный кружок.
armenianТрадиционная армянская нумерация.
circleВ качестве маркера выступает незакрашенный кружок.
cjk-ideographicИдеографическая нумерация.
decimal1, 2, 3, 4, 5, …
decimal-leading-zero01, 02, 03, 04, 05, …
georgianТрадиционная грузинская нумерация.
hebrewТрадиционная еврейская нумерация.
hiraganaЯпонская нумерация: a, i, u, e, o, …
hiragana-irohaЯпонская нумерация: i, ro, ha, ni, ho, …
katakanaЯпонская нумерация: A, I, U, E, O, …
katakana-irohaЯпонская нумерация: I, RO, HA, NI, HO, …
lower-alphaa, b, c, d, e, …
lower-greekСтрочные символы греческого алфавита.
lower-latina, b, c, d, e, …
lower-romani, ii, iii, iv, v, …
noneМаркер отсутствует.
squareВ качестве маркера выступает закрашенный или незакрашенный квадрат.
upper-alphaA, B, C, D, E, …
upper-latinA, B, C, D, E, …
upper-romanI, II, III, IV, V, …
initialУстанавливает значение свойства в значение по умолчанию.
inheritНаследует значение свойства от родительского элемента.
ul{list-style-type: none;}
  • Первый элемент
  • Второй элемент
ul{list-style-type: square;}
  • Первый элемент
  • Второй элемент
ul{list-style-type: lower-latin;}
  • Первый элемент
  • Второй элемент
ul{list-style-type: lower-roman;}
  • Первый элемент
  • Второй элемент
ul{list-style-type: upper-alpha;}
  • Первый элемент
  • Второй элемент
ul{list-style-type: upper-roman;}
  • Первый элемент
  • Второй элемент

list-style-image – изображения для элементов списка

url(url)Путь к изображению.
noneзначение по умолчанию, означает отсутствие изображения. Также убирает изображение для элемента из группы элементов с установленным изображением-маркером.
initialУстанавливает значение свойства в значение по умолчанию.
inheritНаследует значение свойства от родительского элемента.

list-style-position – местоположение маркера списка

outsideЗначение по умолчанию. Маркер располагается вне блока с текстом.
insideМаркер списка изображается в одном блоке с текстом. Последующие строки текста будут располагаться под значком маркера, т.е. маркер будет обтекаться текстом.
initialУстанавливает значение свойства в значение по умолчанию.
inheritНаследует значение свойства от родительского элемента.

 

0 0 голос
Рейтинг статьи
На этом всё!
Если у вас есть вопросы, пишите их в нашей группе - https://vk.com/progtime
Вы так же можете разместить свой вопрос на нашем форуме, где другие программисты смогут вам помочь в решение вашей задачи - https://vk.com/prog_time
В ней мы делимся своим опытом с другими начинающими программистами, поэтому обязательно ответим на ваш вопрос.
Так же прокачивайте свои навыки на нашем канале - https://www.youtube.com/c/ProgTime
Подписаться
Уведомить о
guest
63 комментариев
Старые
Новые Популярные
Межтекстовые Отзывы
Посмотреть все комментарии
JanleF
8 месяцев назад

Propecia Meteo Proscar [url=https://apcialisle.com/#]Buy Cialis[/url] Where Can I Buy Discount Progesterone Medication Shop Cialis Propecia Schweiz

JanleF
8 месяцев назад

Doxylis Acheter [url=https://apcialisle.com/#]Cialis[/url] Commander Viagra Internet Cialis Test Viagra Cialis Levitra

RogelioCab
RogelioCab
7 месяцев назад

viagra sale next day delivery https://canadianpharmacystorm.com cialis online cheap canada

RobertCIP
RobertCIP
7 месяцев назад

safe buy generic viagra online tadalafil viagra to buy online uk

WilliamAcurn
WilliamAcurn
7 месяцев назад

can you buy viagra cvs tadalafil can you buy viagra at walgreens

Vernoncrott
Vernoncrott
7 месяцев назад

cheap real cialis https://viagrawithoutdoctorspres.com cialis pills for cheap

JanleF
7 месяцев назад

Cialis Posologie [url=https://buycialisuss.com/#]Cialis[/url] Priligy Dosierung Cialis Amoxicillin And Itching

RobertIdeok
RobertIdeok
7 месяцев назад

cialis by mail order https://edpillsphrm.com buy cialis euro [url=https://edpillsphrm.com]generic viagra[/url] cialis for sale in canada

JanleF
6 месяцев назад

Cephalexin Cap 500 Mg C [url=https://buyciallisonline.com/#]Buy Cialis[/url] Buy Cheap Plavix Cialis Sildenafil Tadalafil Generic

Elmerwah
Elmerwah
6 месяцев назад

viagra buy south africa viagra no doctor prescription where to order viagra for women

DonaldSeasy
DonaldSeasy
6 месяцев назад

generic viagra pills http://tadal24ph.com – cialis viagra sale lloyds pharmacy

DonaldSeasy
DonaldSeasy
6 месяцев назад

cheap viagra online uk http://tadal24ph.com – cheap cialis buy viagra online eu

DonaldSeasy
DonaldSeasy
6 месяцев назад

viagra over the counter http://alexa24ph.com – viagra online buy cialis in canada

DonaldSeasy
DonaldSeasy
6 месяцев назад

buy generic cialis in usa http://zithazi.com – zithromax Azithromycin how to order cialis online no prescription

DonaldSeasy
DonaldSeasy
6 месяцев назад

cialis pills cut half http://aralenph.com – buy alaren viagra professional 100mg pills

DonaldSeasy
DonaldSeasy
6 месяцев назад

cialis cheapest price canada http://kaletra24.com – buy kaletra coupon for cialis

DonaldSeasy
DonaldSeasy
6 месяцев назад

cheap mexico viagra http://kaletra24.com – Lopinavir ac uk buy cialis

DonaldSeasy
DonaldSeasy
6 месяцев назад

cialis sale uk http://aralenph.com – alaren online viagra sale women

DonaldSeasy
DonaldSeasy
6 месяцев назад

how much viagra should i take the first time? http://alexa24ph.com – online viagra how to buy cialis online

DonaldSeasy
DonaldSeasy
6 месяцев назад

cheap cialis eu http://tadal24ph.com – coffee with cialis order viagra london

DonaldSeasy
DonaldSeasy
6 месяцев назад

how to order viagra from mexico http://tadal24ph.com – cialis coupon cialis pills from canada

DonaldSeasy
DonaldSeasy
6 месяцев назад

cheap kamagra cialis http://alexa24ph.com – generic viagra 100mg cheap cialis tablets

VirgilGuipt
VirgilGuipt
6 месяцев назад

female cialis pills
female viagra

VirgilGuipt
VirgilGuipt
6 месяцев назад

buy viagra walgreens
viagra pills

VirgilGuipt
VirgilGuipt
6 месяцев назад

cialis buy with paypal
cheap viagra

VirgilGuipt
VirgilGuipt
6 месяцев назад
VirgilGuipt
VirgilGuipt
6 месяцев назад

buy cialis online overnight
cheap viagra

VirgilGuipt
VirgilGuipt
6 месяцев назад

cheap generic viagra australia
viagra without a doctor prescription

VirgilGuipt
VirgilGuipt
6 месяцев назад

buy generic cialis online
sildenafil citrate generic viagra 100mg

VirgilGuipt
VirgilGuipt
6 месяцев назад

when will cialis be over the counter
viagra online

VirgilGuipt
VirgilGuipt
6 месяцев назад

viagra discount
generic viagra 100mg

VirgilGuipt
VirgilGuipt
6 месяцев назад

buy viagra online paypal
viagra

VirgilGuipt
VirgilGuipt
6 месяцев назад

cheap cialis sale online
viagra pills

VirgilGuipt
VirgilGuipt
6 месяцев назад

cheap viagra tablets
viagra online

VirgilGuipt
VirgilGuipt
6 месяцев назад

real viagra sale uk
viagra pills

VirgilGuipt
VirgilGuipt
6 месяцев назад

cialis 20 mg price walmart
viagra

Donaldneeft
Donaldneeft
6 месяцев назад

viagra generic availability generic viagra

Donaldneeft
Donaldneeft
6 месяцев назад

viagra without a doctor prescription generic viagra

Herbertlep
Herbertlep
5 месяцев назад

does viagra or cialis help with pe
http://tadalafilprof.com

Herbertlep
Herbertlep
5 месяцев назад

take cialis with or without food
http://tadalafilprof.com

Clintoncooth
Clintoncooth
5 месяцев назад

viagra vs cialis viagra prescriptions over internet
cialis sale canada

Clintoncooth
Clintoncooth
5 месяцев назад

side effects for viagra generic viagra coupon
buy viagra delhi

Viagra Generic
5 месяцев назад

viagra canada viagra generic
best place to buy levitra online

Viagra Generic
5 месяцев назад

viagra help 100mg viagra without a doctor prescription
cheap generic levitra online

unsenty
5 месяцев назад

Cialis Viagra Achat [url=https://abcialisnews.com/]cheap cialis online canadian pharmacy[/url] cialis by vbulletin intitle view profile Cialis Buy Synthroid Without Rx

JasonAroxy
JasonAroxy
5 месяцев назад

legal to buy prescription drugs without prescription cheap pet meds without vet prescription
onlinepharmacyero.com

JasonAroxy
JasonAroxy
5 месяцев назад

legal to buy prescription drugs from canada ed prescription drugs
onlinepharmacyero.com

treantinc
treantinc
5 месяцев назад

Synthyroid Without A Prescription [url=https://bbuycialisss.com/]cialis online without prescription[/url] Cialis Kaufen Mit Uberweisung Buy Cialis Correct Viagra Dosage

Jeromepef
Jeromepef
5 месяцев назад

cialis money order buy cialis
bestpricemedz.com cialis without doctor prescription

Jeromepef
Jeromepef
5 месяцев назад

cialis 5mg coupon cialis
bestpricemedz.com cialis vs viagra