Здравствуйте. Эта статья будет второй частью второго урока.
Атрибут border (далее бордер) используется для обозначение, или выделения границ блоков html-страниц. Этот атрибут вписывается в селектор, то есть между фигурными скобками.
Атрибут бордер имеет разные формы. Ниже о них.
→ border-color- используется для определения цвета рамки всего элемента.
→ border-width- используется для определения ширины рамки элемента.
→ border-style- используется определения стиля рамки элемента. Бывают восемь видов стилей рамок:
→ dotted- точечный пунктир.
→ dashed- линейный пунктир.
→ solid- сплошная рамка.
→ double- двойная рамка.
→ groove- рамка в виде канавки.
→ ridge- рамка в виде гребня.
→ inset- вогнутая рамка.
→ outset- выпуклая рамка.
→ border-radius- этот атрибут используется для определения радиуса округления углов элемента. При указании значения радиуса отличного от нуля (0) нужно значение записывать в пикселях (px), а значение равная нулю записывается без "px". Для того чтобы все углы элемента были округлены на 10px, нужно записать следующее:
но при том условии, когда вы хотите, чтобы были округлены какие-нибудь отдельные углы, есть дугой код, который имеет вид: border-radius: 1 2 3 4, где 1- это левый верхний угол, 2- правый верхний угол, 3- левый нижний угол, 4- правый нижний угол. Например для того чтобы были округлены только два верхних угла, нужно ввести:
Но кроме всего прочее, есть более простой способ записи всех этих установок. (кроме border-radius). Пример:
, где 2px- это ширина (width), solid- стиль (style), red- цвет (color).
Для определения установок, для разных сторон рамки, нужно вводить:
- это для левой стороны. Для правой вместо left нужно вводить right, для верхней top, для нижней bottom.
Продолжение в следующей статье.
Рамки, бордюры, или атрибут border.
Атрибут border (далее бордер) используется для обозначение, или выделения границ блоков html-страниц. Этот атрибут вписывается в селектор, то есть между фигурными скобками.
Атрибут бордер имеет разные формы. Ниже о них.
→ border-color- используется для определения цвета рамки всего элемента.
→ border-width- используется для определения ширины рамки элемента.
→ border-style- используется определения стиля рамки элемента. Бывают восемь видов стилей рамок:
→ dotted- точечный пунктир.
→ dashed- линейный пунктир.
→ solid- сплошная рамка.
→ double- двойная рамка.
→ groove- рамка в виде канавки.
→ ridge- рамка в виде гребня.
→ inset- вогнутая рамка.
→ outset- выпуклая рамка.
→ border-radius- этот атрибут используется для определения радиуса округления углов элемента. При указании значения радиуса отличного от нуля (0) нужно значение записывать в пикселях (px), а значение равная нулю записывается без "px". Для того чтобы все углы элемента были округлены на 10px, нужно записать следующее:
border–radius:10px;
но при том условии, когда вы хотите, чтобы были округлены какие-нибудь отдельные углы, есть дугой код, который имеет вид: border-radius: 1 2 3 4, где 1- это левый верхний угол, 2- правый верхний угол, 3- левый нижний угол, 4- правый нижний угол. Например для того чтобы были округлены только два верхних угла, нужно ввести:
border–radius: 10px 10px 0 0;
Но кроме всего прочее, есть более простой способ записи всех этих установок. (кроме border-radius). Пример:
border: 2px solid red;
Для определения установок, для разных сторон рамки, нужно вводить:
border–left: 2px solid red;
Продолжение в следующей статье.
Изменил(а) seg0ro 30.01.13 в 04:31
