Рамки (border) - CSS - HTML и CSS - Все для UCOZ - NTPortaL >

Подписаться на rss новости
Новости!
Главная
Фильмы онлайн Доска Регистрация в поисковиках Форум Скрипты для Ucoz Реклама web-мастеру
Вход Регистрация Торренты Связь с Администрацией
  Меню сайта

  Категории раздела
HTML [4]
CSS [14]

>
  Поиск
нажми для поискаПоиск
Главная » Статьи » HTML и CSS » CSS


Рамки (border)
С помощью этого параметра можно установить стиль, цвет и толщину рамок вокруг элемента, будь то изображение или отдельные блоки.

Свойства:

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

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


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

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

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

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

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

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

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

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


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

border-color: #FFOOOO  #EE55AA  #OOOOOO  #FFFFFF;  //  для каждой рамки определенный цвет

Категория: CSS | Добавил: mazafaka (16.02.2011)
Просмотров: 767 | Теги: css, всё про css, css для начинающих | Рейтинг: 0.0/0
html-cсылка на публикацию
BB-cсылка на публикацию
Прямая ссылка на публикацию .

Похожие материалы

Добавление Комментария!

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

baranovskyromayandexru написал:
Пароль:ebm2008thank

jimmbear написал:
Добрый день! Подскажите как ус...

mazafaka написал:
  Статистика
Яндекс.Метрика Яндекс цитирования хостинг сайтов,продажа доменов
Этому сайту уже
Онлайн всего: 1
Гостей: 1
Пользователей: 0
[ Кто нас сегодня посетил ]

Сайт оптимизорован для
    

Карта сайта! Наша группа
Окна в нижнем тагиле Территория окон!
>
Мини-Чат
>