граница css

граница css

border-windth

Свойства border-width  используется для управление толщиной границ. Данное свойства может принимать значение в пикселах или одной из следующих значений: thinmedium; thck.

Для этого свойства задавать значение вы можете устанавливать размер отдельных границ, используя следующие четыре свойства:

border-top-width;

border-right-width;

border-bottom-width;

border-left-width.

 

Вы также можете указать разную толщину для четырех границ в одном свойстве.

border-width: 2px 1px 1px 2px;

 

 

В данном случае значения перечислены по часовой стрелке: верхняя, правая, нижняя и левая границы.


Стиль границы 

border-style

Вы можете настраивать стиль границ, использую свойства border-style. Оно способно принимать следующие значение:

solid-непрерывная линия; dotted-пунктирная в виде точек(если толщина границы равна 2 пикселям, то размер точки составляет 2×2 пиксела, а интервал между точками 2 пиксела);


dashed пунктирная; double две сплошные линии (значение свойства border-width создает сочетание двух линий);

groove-врезанная линия;

ridge-выпуклая линия;

inset-вдавленная линия;

outset-выдавленная линия;

hidden/none-граница невидна.

 

Вы можете изменить стиль отдельных границ, используя следующие свойства:

border-top-style;

border-left-style;

border-bottom-style.

Ребята я написал эту статью потому что сам иногда забываю, теперь могу заглядывать, на эту статью и копировать очень удобно, и главное быстро спасибо всем кто был рядом. Пишите отзывы и комментарии на эту тему.

Понравилась статья? Поделиться с друзьями:
Блог  Измайлова Павла
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: