04.03.2012, 12:45

CSS свойство border (рамка)


Если вы не знаете, как сделать рамку с помощью css, то этот мануал для вас.

Возьмем, к примеру, простой div и присвоим ему класс infoscript:
Code
<div class="infoscript">Infoscript.ru - коллекция скриптов и мануалов для новичков</div>

Затем, с помощью css свойства border, зададим ему рамку:
Code
.infoscript {border: 1px solid #ff0000;}

где,
1px - это толщина рамки
solid - вид рамки
#ff0000 - цвет рамки (в данном случае - красный)
Выглядит она так:



Вид рамки:
Рамка может быть 3-х видов:

  • solid - непрерывная линия (см. выше)
  • dashed - прерывистая линия (пунктир)



  • dotted - прерывистая линия (точки)




Рамку можно задавать не всему div сразу, а отдельной из его сторон. Для этого пропишем в наш css это:
Code
.infoscript {border-top: 1px solid #ff0000;}

В этом случаем, рамка будет только сверху.



Существуют также свойства:

  • border-bottom (рамка только снизу)
  • border-left (рамка только слева)
  • border-right (рамка только справа)


Комбинировать их вы можете по своему усмотрению.

Источник/Автор: infoscript.ru

Категория: HTML, CSS, JS, JQ | Добавил: antisept (04.03.2012) Просмотров: 1937 | Рейтинг: 5.0/1
Теги: border, CSS, рамка
Всего комментариев: 1
0  
1 Danil   (11.03.2012 22:33) [Материал]
Аватар пользователя
Хотел такую на конкурс написать, но передумал, так как короткая была бы.

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]