Ширина границы

Ширина границы

Рассмотрим свойства border-top-width, border-right-width, border-bottom-width, border-left-width, которые определяют значение ширины верхней, правой, нижней и левой границы элемента страницы соответственно. Все свойства, рассматриваемые в данном разделе, могут принимать одно из следующих значений:

• thin – тонкая граница;

• medium – граница средней толщины;

• thick – толстая граница;

• «длина» – толщина границы задается числом. Естественно, что число, заданное в качестве значения ширины границы, не может быть отрицательным.

Надо отметить, что каждый браузер будет по-своему устанавливать числовое значение для ключевых слов thin, medium и thick, соблюдая такое правило: thin <= medium <= thick.

Для границ также существует свойство border-width, позволяющее одновременно установить значения всем четырем свойствам: border-top-width, border-right-width, border-bottom-width и border-left-width. Причем, если задать для border-width только одно значение, оно будет применяться ко всем границам. Если задать два значения, то первое будет применяться к верхней и нижней границам, а второе – к правой и левой. Если указать три значения, то первое значение будет применяться к верхней границе, второе – к левой и правой, а третье – к нижней границе. Если же задать четыре значения, то они будут применяться к верхней, правой, нижней и левой границам соответственно.

Рассмотрим три CSS-правила:

h1 { border-width: thin } /* тонкая */

h1 { border-width: thin thick } /* тонкая толстая */

h1 { border-width: thin medium thick } /* тонкая средняя толстая */

В первой строке записано правило, которое будет создавать четыре тонкие границы для всех элементов H1. Во второй строке записано правило, которое для элементов H1 создаст тонкую верхнюю и нижнюю границы и толстую правую и левую границы. Третье правило в третьей строке для элементов H1 в документе задаст их верхнюю границу тонкой, левую и правую – средней, а нижнюю – толстой ширины.

Теперь рассмотрим, как можно задавать границе цвет.

Поделитесь на страничке

Следующая глава >

Похожие главы из других книг

8.2.3.1.5 Ширина внутреннего поля

Из книги Информационная технология ПРОЦЕСС СОЗДАНИЯ ДОКУМЕНТАЦИИ ПОЛЬЗОВАТЕЛЯ ПРОГРАММНОГО СРЕДСТВА автора Автор неизвестен


Границы и заливка

Из книги Excel. Мультимедийный курс автора Мединов Олег

Границы и заливка Для применения к выделенному фрагменту границ или заливки можно использовать следующие кнопки в группе Абзац вкладки Главная. Заливка. Позволяет выполнить заливку выбранным фоном. Щелчок на кнопке сразу же применяет текущий цвет заливки для текущего


Границы и заливка

Из книги Искусство программирования для Unix автора Реймонд Эрик Стивен

Границы и заливка По умолчанию ячейки не имеют видимых границ: вы видите тонкие серые линии, разграничивающие ячейки, но эти линии не отображаются при печати документа. Иногда же требуется, чтобы напечатанная таблица имела четкие границы (рис. 3.10). Рис. 3.10. Пример


Границы

Из книги Искусство программирования для Unix автора Реймонд Эрик Стивен

Границы Рассмотрим, как можно создать видимые границы ячейки, которые будут отображаться при печати.Прежде всего напомню, что перед какими-либо преобразованиями ячейки (или диапазон) должны быть выделены.Обратите внимание на кнопку Границы, расположенную в группе Шрифт


3.1.4. Внутренние границы

Из книги Графология XXI века автора Щеголев Илья Владимирович

3.1.4. Внутренние границы В Unix действует предположение о том, что программист знает лучше (чем система). Система не остановит пользователя и не потребует какого-либо подтверждения при выполнении опасных действий с данными, таких как ввод команды rm -rf *. С другой стороны, Unix


3.1.4. Внутренние границы

Из книги Компьютер – это просто! автора Алиев Валерий

3.1.4. Внутренние границы В Unix действует предположение о том, что программист знает лучше (чем система). Система не остановит пользователя и не потребует какого-либо подтверждения при выполнении опасных действий с данными, таких как ввод команды rm -rf *. С другой стороны, Unix


Высота и ширина букв

Из книги HTML, XHTML и CSS на 100% автора Квинт Игорь

Высота и ширина букв Каждый пишущий инстинктивно выбирает тот размер букв, который его устраивает. Можно встретить много вариантов размеров букв, но графологи условно делят их на три группы.1. Мелкие буквы (ширина и высота меньше 3-4 мм) указывают на способность к


11. Ширина почерка

Из книги автора

11. Ширина почерка Признаки слева направо (рис. 191): Рис. 191• широкий почерк (большие расстояния между буквами);• узкий почерк (малые расстояния между буквами);• меняющаяся ширина;• буквы узкие, но с широкими расстояниями между


Таблицы и границы

Из книги автора

Таблицы и границы ТаблицаВсе мы интуитивно понимаем, о чем идет речь, когда произносится слово «таблица», но будет лучше, если мы все-таки договоримся о терминах и будем их употреблять в одинаковом смысле.Под таблицей понимается набор строк и столбцов, пересечения


3.5. Ширина и высота таблицы и ячеек

Из книги автора

3.5. Ширина и высота таблицы и ячеек Ширина таблицы задается атрибутом width элемента TABLE. Значение можно задавать как в абсолютных единицах (width="2 5 0"), так и в относительных (width="80 %"). Например, задав значение ширины в 600 пикселов, можно быть уверенным, что таблица поместится в


Ширина шрифта

Из книги автора

Ширина шрифта Свойство font-weight определяет ширину шрифта. Значение может быть задано числом от 100 до 900 (в сотнях), где каждый номер обозначает шрифт, который темнее своего предшественника. В других случаях значение может быть следующим.• normal – текст будет отображен обычным


Ширина таблицы

Из книги автора

Ширина таблицы Для управления отображением ширины таблицы при размещении ее ячеек, строк и столбцов используется свойство table-layout. Оно может принимать следующие значения.• fixed – горизонтальное положение таблицы не зависит от содержимого ячеек; оно зависит только от


Границы

Из книги автора

Границы Для задания границ вы можете использовать следующие свойства: border, border-collapse и border-spacing.Свойство border задает стиль границы и размер. Стили границ будут подробно рассмотрены в следующих разделах. Размер границы задается целым числом и с указанием единицы


9.7. Границы

Из книги автора

9.7. Границы Для всех элементов страницы вы можете задать границы, а также установить их ширину, цвет и стиль. Начнем изучение границ со свойства