Litra Library
Главная » Статьи » WEB » Свойства CSS
BORDER-WIDTH
Браузер Internet Explorer Firefox Mozilla Opera Netscape Safari
Версия 5.5 6.0 7.0 1.0 2.0 1.7 7.0 8.0 9.0 6.0 7.0 8.0 1.0
Поддержка Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается Поддерживается

Краткая информация

CSS CSS1
Значение по умолчанию medium
Наследование Нет
Применяется Ко всем элементам
Аналог HTML <img border > | <table border>
Ссылка на спецификацию http://www.w3.org/TR/CSS21/box.html#border-width-properties

Описание

Установка толщины границы всех четырых сторон элемента или индивидуальные настройки для каждой стороны.

Синтаксис

border-width: thin | medium | thick | значение

Аргументы

Три переменные - thin (2 пиксела), medium (4 пиксела) и thick (6 пикселов) задают толщину границы. Для более точного значения, толщину можно указывать в пикселах или других единицах. Можно использовать одно, два, три или четыре значения, разделяя их между собой пробелом. Эффект зависит от количества аргументов и приведен в табл. 1.

Таблица 1. Зависимость результата использования атрибута от числа аргументов
Число аргументов Результат
1 Толщина рамки будет установлена для всех сторон элемента.
2 Первый аргумент задает толщину верхней и нижней границы, второй аргумент - левой и правой.
3 Первый аргумент задает толщину верхней границы, второй - одновременно левой и правой стороны, а третий - нижней границы.
4 Поочередно устанавливается толщину верхней, правой, нижней и левой границы.

 

Пример

Валидный HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<title>border-width</title>
<style type="text/css">
P {
 border-style: double; /* Стиль рамки вокруг параграфа */
 border-width: 3px 7px 7px 4px; /* Толщина границы */
 padding: 7px; /* Поля вокруг текста */
}
</style>
</head>
<body>

<p>Для успешного ведения бизнеса каждой компании в какой-то момент становится необходимо использовать потенциал сети Интернет. Самый простой способ - это иметь свое представительство в сети (Web-сайт).</p>

</body>
</html>
Категория: Свойства CSS | Добавил: expert1 (31.01.2013)
Просмотров: 305 | Теги: CSS, свойства | Рейтинг: 0.0/0
Всего комментариев: 0

Проекты

RSS Правила Бесплатный хостинг uCoz Litra Library
^ Наверх ^