Брой No 8
Нека продължим да учим css свойства на таблицата със стилове.
В този брой ще разгледаме стиловете, които позволяват форматиране на списъци, и обмислете стиловете, за да зададете различен външен вид граници на елементите.
Няма много стилове за форматиране на списъци. Ето ги всички:
списък-стил-тип - задава вида на маркера за списъка.
Практически курс за оформление на адаптивен уебсайт от нулата!
Вземете курс и научете как да подреждате модерни уебсайтове в HTML5 и CSS3
нито един - няма маркер
диск - маркер под формата на кръг
квадрат - квадрат
десетична - арабски цифри
долно-алфа малки букви латиница -
горна алфа - главни латински букви
долноримски - малки римски цифри -
горноримски - главни римски цифри
списък-стил-изображение - задава снимка, която ще действа като маркер на списъка.
нито един - няма снимка
списък-стил-позиция - определя позицията на маркера спрямо списъка
отвън - маркерът е извън списъка
вътре - маркерът е вътре в списъка
Като пример ще предложа тази опция за използване на списъци:
Единственото нещо, което ви моля, е да промените собствеността списък-стил-позиция стойност отвън На вътре. За да видите разликата, този пример не е съвсем подходящ. Ще предложа това:
Ако вмъкнете такава линия в нашата нагоре по веригата тогава можете да разберете какво използват отвън и вътре.
Възможно е да зададете всички тези свойства наведнъж.
Това е може би всичко за работата със списъци.
След това бих искал да ви кажа свойствата, които контролират границите на елемента.
Подчертавам, че това са границите на елемента, защото мнозина разбират границите - това означава само за таблици.
Така че граници или рамки могат да се задават не само за таблици, но и за маркери, например
Ето какво може CSS!
И така, помислете за свойствата.
Граница - определя вида на рамката
нито един - без рамка
пунктирана - пунктирана рамка
тире - пунктирана
твърдо - твърдо
Граничен стил - определя стила на рамката
нито един - без рамка
пунктирана - пунктирана рамка
Практически курс за оформление на адаптивен уебсайт от нулата!
Вземете курс и научете как да подреждате модерни уебсайтове в HTML5 и CSS3
тире - пунктирана
твърдо - твърдо
широчина на границата - задава ширината на границата
тънък - тънък
средно - средно аритметично
дебел - широк
х - числова стойност
граничен цвят - задава цвета на границата
Възможно е в CSS да зададете стила за отделните части на рамката (отгоре, отдолу, отдясно и отляво).