Главная » Языки программирования

Html значение атрибута border может быть

Содержание
  1. Атрибут border
  2. Как правильно задавать?
  3. Какие значения могут быть записаны в атрибут?
  4. В каких тегах применяется?
  5. Пример использования
  6. Атрибут border
  7. Типы тегов
  8. border
  9. Синтаксис
  10. Значения
  11. Объектная модель
  12. Браузеры
  13. border
  14. Синтаксис
  15. Значения
  16. Обычный синтаксис
  17. Примеры
  18. HTML
  19. CSS
  20. Результат
  21. Спецификация
  22. Совместимость браузеров
  23. Также смотрите
  24. Found a content problem with this page?
  25. Html значение атрибута border может быть
  26. Синтаксис атрибута border для тега img
  27. Синтаксис атрибута border для тега table
  28. Значение по умолчанию атрибута border
  29. Значение толщины рамки атрибута border
  30. Пример атрибута border
  31. Использование атрибута border для тега img
  32. Второй пример использования атрибута border для тега img
  33. Пример использования атрибута border со значением «3»
  34. Использование атрибута border для тега table
  35. Результат использования атрибута border для тега table

Атрибут border

Атрибут border устанавливает толщину линии рамки, в которой расположен фрейм. Все браузеры отображают рамку в формате 3-D, то есть трехмерную. Однако внешний вид рамки легко перенастроить под стилистику своего сайта с помощью атрибутов bordercolor и, непосредственно, border. Стоит также отметить, что каждый браузер выводит рамку фрейма со своим собственным уникальным оформлением.

Как правильно задавать?

frameset border="значение">фреймыframeset>

Какие значения могут быть записаны в атрибут?

Любое не отрицательное число.

В каких тегах применяется?

Пример использования

DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> html> head> meta http-equiv="Content-Type" content="text/html; charset=utf-8"> title>Атрибут bordertitle> head> frameset rows="60,*" cols="*" border="5"> frame src="doc1.html" name="first" scrolling="no" noresize> frameset cols="80,*"> frame src="doc2.html" name="second" scrolling="no" noresize> frame src="doc3.html" name="third" noresize> frameset> frameset> html>

Источник

Атрибут border

Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

Типы тегов

HTML5

Блочные элементы

Строчные элементы

Универсальные элементы

Нестандартные теги

Осуждаемые теги

Видео

Документ

Звук

Изображения

Объекты

Скрипты

Списки

Ссылки

Таблицы

Текст

Форматирование

Формы

Фреймы

Источник

border

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

Синтаксис

Значения

Значение border-width определяет толщину границы. Для управления ее видом предоставляется несколько значений border-style . Их названия и результат действия представлен на рис. 1.

Стили рамок

border-color устанавливает цвет границы, значение может быть в любом допустимом для CSS формате.

inherit наследует значение родителя.

HTML5 CSS2.1 IE Cr Op Sa Fx

В данном примере вокруг слоя добавляется двойная граница. Результат показан на рис. 2.

Применение свойства border

Рис. 2. Применение свойства border

Объектная модель

[window.]document.getElementById(» elementID «).style.border

Браузеры

Браузер Internet Explorer до шестой версии включительно при толщине границы 1px отображает dotted как dashed . При толщине 2px и выше значение dotted работает корректно. Эта ошибка исправлена в IE7, но только для всех границ толщиной 1px. Если одна из границ блока имеет толщину 2px и выше, то в IE7 значение dotted превращается в dashed .

Internet Explorer до версии 7.0 включительно не поддерживает значение inherit .

Стиль границы в разных браузерах может несколько различаться при использовании значений groove , ridge , inset или outset .

Источник

border

Как и во всех универсальных свойствах, любое персональное значение, которое не указанно, устанавливается в начальное значение. Обратите внимание, border не может быть использован для указания пользовательского значения border-image (en-US), но вместо этого устанавливает его в начальное значение, т.е. none .

border: 1px; border: 2px dotted; border: medium dashed green;

Примечание: Рекомендуется использовать border , когда вы хотите установить все свойства границ одновременно. Тогда как универсальные свойства border-width , border-style (en-US), и border-color (en-US) принимают до четырёх значений, позволяя установить различные значения для каждого ребра, border принимает единственное значение для каждого свойства. И этот стиль применяется для всех четырёх границ.

Синтаксис

Свойство border указывается используя одно или более значений , , и указанных ниже.

Значения

Толщина границ. По умолчанию medium если отсутствует. Больше информации border-width .

Стиль линии границ. По умолчанию none если отсутствует. Больше информации border-style (en-US).

Цвет границ. По умолчанию принимает значение свойства элементов color (en-US). Больше информации border-color (en-US).

Обычный синтаксис

border =
|| (en-US)
|| (en-US)

=
| (en-US)
thin | (en-US)
medium | (en-US)
thick

=
none | (en-US)
hidden | (en-US)
dotted | (en-US)
dashed | (en-US)
solid | (en-US)
double | (en-US)
groove | (en-US)
ridge | (en-US)
inset | (en-US)
outset

Примеры

HTML

div class="fun-border">Look at my borders.div> p>Вы можете редактировать CSS ниже для экспериментов со стилями границ!p> style contenteditable> .fun-border  border: 2px solid red; > style>

CSS

style  display: block; border: 1px dashed black; >

Результат

Спецификация

  • border-width : как и у каждого из подсвойств этого свойства:
    • border-top-width (en-US): medium
    • border-right-width (en-US): medium
    • border-bottom-width (en-US): medium
    • border-left-width (en-US): medium
    • border-top-style (en-US): none
    • border-right-style (en-US): none
    • border-bottom-style (en-US): none
    • border-left-style (en-US): none
    • border-top-color (en-US): currentcolor
    • border-right-color (en-US): currentcolor
    • border-bottom-color (en-US): currentcolor
    • border-left-color (en-US): currentcolor
Оцените статью
© 2024 Программирование