Клуб мобильного творчества
Меню
jbak 29.01.13 в 22:12 #
Don't worry. Be happy.
Здравствуйте. Эта статья будет второй частью второго урока.

Рамки, бордюры, или атрибут 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;
, где 2px- это ширина (width), solid- стиль (style), red- цвет (color).

Для определения установок, для разных сторон рамки, нужно вводить:
border–left: 2px solid red;
- это для левой стороны. Для правой вместо left нужно вводить right, для верхней top, для нижней bottom.

Продолжение в следующей статье.
Изменил(а) seg0ro 30.01.13 в 04:31
Рейтинг: 0
alexalex 11.06.13 в 08:18 #
Стоит только захотеть.
хорошие статьи!
Рейтинг: 0
_Artorius_ 11.06.13 в 19:14 #
me.destroy()
border:0px; уберет бордер
Рейтинг: 1