Все о HTML и CSS

Здесь вы найдете много полезной информации о том как построить собственный сайт, как правильно верстать Web страницы, а также освоите множество приемов и трюков которые можно выполнить при помощи CSS, без использования Java-скриптов. Данный сайт будет полезен как новичку, так и опытному Web Мастеру.

Приветствую Вас Гость | Регистрация | Вход
МЕНЮ
КАЛЕНДАРЬ
«  Март 2009  »
ПнВтСрЧтПтСбВс
      1
2345678
9101112131415
16171819202122
23242526272829
3031
КАТЕГОРИИ УРОКОВ
HTML [8]
Тут уроки только по HTML
CSS [15]
Уроки только по CSS
Верстка дизайнов [0]
Верстка собственных дизайнов
Статьи [9]
Статьи о веб дизайне и не только
Скрипты [82]
Скрипты CSS
Рамки (border)
С помощью этого параметра можно установить стиль, цвет и толщину рамок вокруг элемента, будь то изображение или отдельные блоки.

Свойства:

border-width
- определяет ширину рамки.
Значения устанавливаются в пикселях.
Пример:

Code
border-width: 3px; // Ширина рамки 3 пикселя

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

Code
border-width: 1px 2px 3px 4px;

- в данном случае ширина сторон будет такая:
Верхняя - 1 пиксель.
Правая - 2 пикселя.
Нижняя - 3 пикселя.
Левая - 4 пикселя.

border-style
- определяет стиль рамки.
Этот атрибут должен быть указан обязательно, иначе рамка не будет отображена в странице.
Примеры:

Code
border-style: solid; // Сплошная рамка

Code
border-style: double; // Двойная сплошная линия

Code
border-style: groove; // Выдавленная рамка

Code
border-style: ridge; // Поднятая рамка

Code
border-style: inset; // Выдавленная область внутри рамки

Code
border-style: outset; // Поднятая область внутри рамки

Code
border-style: dotted; // Рамка в виде мелкого пунктира

Code
border-style: dashed; // Рамка в виде крупного пунктира

border-color
- определяет цвет рамки.
Можно указать один цвет для всей рамки, или для каждой стороны в отдельности, как в примере с шириной (выше).
Примеры:

Code
border-color: #FFOOOO; // Один цвет для всей рамки

Code
border-color: #FFOOOO #EE55AA #OOOOOO #FFFFFF; // для каждой рамки определенный цвет
Категория: CSS | Просмотров: 813 | Добавил: Red_Line666x | 12:58 | Рейтинг: 0.0/0 |
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
© 2008-2017 Школа HTML и CSS. Все права защищены.
При копировании материалов с данного сайта, гиперссылка на http://school-html-css.3dn.ru/ ОБЯЗАТЕЛЬНА! Вся информация защищена законами о защите авторских правах.
Полную информацию о копировании материалов читайте в разделе "Правила копирования информации"