Замещаемые элементы.

Авторы статьи: Paul O’Brien, Tommy Olsson.    Оригинал: http://reference.sitepoint.com/css/replacedelements

Замещаемым является тот элемент, внешний вид и размеры которого определяются извне. В качестве примеров, относящихся к таким элементам, можно назвать изображения (<img>), плагины (<object>), а также элементы управления форм (<button>, <textarea>, <input> и <select>). Все остальные типы элементов можно отнести к не замещаемым.

Замещаемые элементы, в отличие от других элементов страницы, могут иметь истинные размеры – ширину (width) и высоту (height), значения которых определяются свойственными внешнему объекту размерами. К примеру, если в документе размещается элемент <img> с определенным свойством width и установленным для него значением auto, то в этом случае, для замещаемого элемента будет выставлена ширина, соответствующая размеру используемого файла изображения. Действительные размеры таких элементов также предусматривают и истинное соотношение их сторон, которое применяется для определения расчетных размеров, когда явно указана лишь одна размерность. Если изображение вставляется в документ и при этом указывается лишь его ширина, допустим 100px, а истинные его размеры — ширина 200px и высота 100px, то расчетная высота изображения будет установлена в значение 50px.

Визуальное форматирование замещаемых элементов может быть ограничено требованиями, обусловленными свойствами используемого объекта-источника, которые не контролируются с помощью CSS свойств. Примером такой ситуации, может быть случай, когда в качестве элементов управления формы используются произвольные, выбранные разработчиком элементы.

Замещаемые элементы могут также применяться в контексте форматирования строчных inline элементов документа. К примеру, в качестве отдельного большого символа для визуального выделения (*буквица или особой формы кавычки для оформления цитат. ). Ширина и высота замещаемых строчных элементов может регулироваться, и в данном случае, значение высоты строчного контейнера (* line-height ), в котором позиционируется замещаемый элемент, должно быть достаточным для его отображения. Это же касается и других свойств контейнера.

* Примечание переводчика.

Ссылка на оригинал: http://reference.sitepoint.com/css/replacedelements

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *