>>> Перейти на мобильный размер сайта >>>

Онлайн учебники на TEPKA.ru

Краткий справочник по HTML

       

Характеристики области вокруг HTML-элемента

Значения этих свойств используются для установки характеристик области вокруг элемента. Это может быть применено к символам, картинкам и т. д.
border-top-color, border-right-color, border-left-color, border-bottom-color, border-color
Свойства borderTopColor, borderRightColor,borderleftColor, borderBottomColor, borderColor
Значения <color>
Значение по умолчанию <нет цвета >
Поддерживается Блоками элементов и замещаемыми элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Нет
Определяет цвет четырех сторон рамок. Подставив вместо цвета URL картинки, вы сделаете так, что картинка будет повторяться, создавая рамку.
border-top-style, border-right-style, border-left-style, border-bottom-style, border-style
Свойства borderTopStyle, borderRightStyle, borderLeftStyle, borderBottomStyle, borderStyle
Значения none, solid, double, groove, ridge, inset,outset
Значение по умолчанию none
Поддерживается Блоками элементов и замещаемыми элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Нет
Определяет стиль четырех сторон рамок.
border-top, border-right, border-left, border-bottom, border
Свойства borderTop, borderRignt, borderLeft, borderBottom, border
Значения <border-width>, <border-style>, <color>
Значение по умолчанию medium, none, <нет цвета>
Поддерживается Блоками элементов и замещаемыми элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Нет

Определяет свойства четырех сторон рамок. Работает так же, как свойства отступов, за исключением того, что рамка видна:

  • <border-width> (ширина рамки) может быть medium, thin, thick или задана в единицах измерения;
  • <border-style> (стиль рамки) может быть nonе или solid.

Аргумент color используется для определения цвета заполнения фона элемента, пока он загружается, а также позади прозрачных частей элемента. Если передать вместо него адрес картинки, картинка будет повторяться, заполняя контур рамки.

border-top-width, border-right-width, border-left-width, border-bottom-width, border-width
Свойства borderTopWidth, borderRightWidth, borderLeftWidth, borderBottomWidth, borderWldth
Значения thin, medium, thick <length>
Значение по умолчанию medium
Поддерживается Блоками элементов и замещаемыми элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Нет
Определяет ширину рамки вокруг элемента. Каждая сторона может быть задана соответствующим свойством. Мы можем также заменить установку четырех индивидуальных свойств установкой одного свойства border-width так же, как и для свойств отступа margin.
clear
Свойства clear
Значения none, both, left, right
Значение по умолчанию none
Поддерживается Всеми элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Нет
Указывает, что следующие элементы должны быть показаны ниже элемента, выровненного по левому или правому краю. По умолчанию текст обтекает такие элементы.
clip
Свойства clip
Значения rect (<top><rightxbottoinxlef t>), auto
Значение по умолчанию auto
Поддерживается Всеми элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Нет
Определяет, какая часть элемента видна. Все, что находится за пределами области, указанной этим свойством, увидеть нельзя.
display
Свойства display
Значения " ", none
Значение по умолчанию " "
Поддерживается Всеми элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Нет
Это свойство указывает, будет ли показан элемент.
float
Свойства styleFloat
Значения none, left, right
Значение по умолчанию none
Поддерживается DIV, SPAN и замененными элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Нет
Определяет обтекание элемента другими элементами слева или справа вместо помещения их под ним.
height
Свойства height, pixelHeight, posHeight
Значения auto, <length>
Значение по умолчанию auto
Поддерживается DIV, SPAN и замененными элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Нет
Устанавливает высоту элемента и измеряет ее, если это необходимо. Значение возвращается в виде строки, включающей единицы измерения (рх, % и т. д.). Для получения числового значения используется свойство posHeight.
left
Свойства left, pixelLeft, posLeft
Значения auto, <length>, <percentage>
Значение по умолчанию auto
Поддерживается Всеми элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Да, относительно ширины родительского элемента
Задает горизонтальную координату элемента, позволяя корректно устанавливать и передвигать элементы. Значение возвращается как строка, включающая единицы измерения (рх, % и т. д.). Для получения значения в виде числа используется свойство posLeft.
margin-top, margin-right, margin-left, margin-bottom, margin
Свойства marginTop, marginRight, marginLeft, marginBottom, margin
Значения auto, <length>, <percentage>
Значение по умолчанию Zero
Поддерживается Блоками элементов и замещаемыми элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Да, относительно ширины родительского элемента
Определяет размер отступов вокруг данного элемента. Свойство margin служит для задания четырех отступов. Если используется несколько значений, но меньше, чем четыре, оставшиеся противоположные стороны будут равными. Эти значения устанавливают минимальное расстояние между текущим элементом и остальными.
overflow
Свойства overflow
Значения none, clip, scroll
Значение по умолчанию none
Поддерживается Всеми элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Нет

Это свойство управляет тем, что произойдет, если содержимое элемента выйдет за его границы:

  • none - если элемент выйдет за пределы своего фрагмента, то он все равно будет изображен (например, часть текста, для которой не хватило места в отведенной полосе);
  • clip — выступающие части элемента будут обрезаны;
  • scroll — пользователь сможет увидеть выходящие за пределы элемента части с помощью прокрутки.
padding-top, padding-right, padding-left, padding-bottom, padding
Свойства paddingTop, paddingRight, paddingLeft, paddingBottom, padding
Значения auto, <length>, <percentage>
Значение по умолчанию Zero
Поддерживается Блоками элементов и замещаемыми элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Да, относительно ширины родительского элемента
Определяет расстояние между содержимым и рамкой элемента. Свойство padding используется для задания четырех таких расстояний. Если имеется несколько значений, но меньше четырех, оставшиеся противоположные стороны будут равными.
position
Свойства position
Значения absolute, relative, static
Значение по умолчанию relative
Поддерживается Всеми элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Нет

Устанавливает, каким образом вычисляется положение элемента в плоскости экрана:

  • absolute — элемент будет поставлен в некоторое положение относительно фона и будет двигаться вместе с ним;
  • static— элемент будет поставлен в некоторое положение относительно фона, но не будет двигаться при прокручивании страницы;
  • relative — элемент будет помешен в обычное положение относительно других, в соответствии с положением в исходном коде (это значение установлено по умолчанию).
top
Свойства top, pixelTop, posTop
Значения auto, <length>, <percentage>
Значение по умолчанию auto
Поддерживается Всеми элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Да, относительно ширины родительского элемента
Устанавливает или возвращает вертикальную координату элемента, позволяя корректно устанавливать и передвигать элементы. Значение возвращается как строка, включающая единицы измерения (рх, % и т. д.). Для получения значения в виде числа используется свойство posTop.
visibility
Свойства visibility
Значения visible, hidden, inherit
Значение по умолчанию inherit
Поддерживается Всеми элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Нет

Позволяет элементу быть видимым или невидимым на странице. Невидимые (hidden) элементы занимают то же место и так же влияют на расположение других элементов, как и видимые (visible), но становятся прозрачными. Это свойство может быть использовано для отображения лишь одного из элементов, занимающих одно и то же место:

  • visible - элемент виден на экране;
  • hidden - элемент не виден;
  • inherit — элемент виден, если его родительский элемент является видимым.
width
Свойства width, pixelWidth, posWidth
Значения auto,<length>, <percentage>
Значение по умолчанию auto за исключением элементов с внутренними установками размера
Поддерживается тэгами DIV, SPAN и замещаемыми элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Да, относительно ширины родительского элемента
Устанавливает ширину элемента и измеряет ее, если это необходимо. Значение возвращается как строка, включающая тип единиц измерения (рх, % и т. д.). Для получения значения в виде числа используется свойство posWidth.
z-index
Свойства zlndex
Значения <число>
Значение по умолчанию В зависимости от контекста в исходном тексте HTML
Поддерживается Всеми элементами
Работает ли механизм наследования Нет
Возможна ли процентная запись Нет
Свойство z-lndex указывает, в каком порядке элементы будут перекрывать друг друга. Элементы с более высоким z-индексом появятся поверх элементов с более низким z-индексом. При положительных значениях элемент ставится перед обычным текстом, при отрицательных - позади него. Таким образом, на страницах создается набор плоских слоев, для которых задается порядок перекрывания.

 

 

 

Top.Mail.Ru
Top.Mail.Ru