Какие свойства CSS можно применять к каким элементам HTML - PullRequest
Новая
       14

Какие свойства CSS можно применять к каким элементам HTML

3 голосов
/ 09 февраля 2009

Я ищу источник / спецификацию, которая может сказать мне, какие свойства CSS могут применяться к каким элементам HTML. Например, свойство css; «Переполнение». Я знаю, что могу применить это к div, p, textarea, но какие еще элементы я могу применить это тоже? Есть ли где-нибудь спецификация, на которую я могу ссылаться?

Ответы [ 4 ]

6 голосов
/ 09 февраля 2009

См. http://www.w3.org/TR/CSS2/ и http://www.w3.org/TR/CSS/.

Например, относительно вашего вопроса о свойстве overflow см.

http://www.w3.org/TR/CSS2/visufx.html#overflow-clipping, с указанием: 

'overflow'
    Value:          visible | hidden | scroll | auto | inherit
    Initial:        visible
    Applies to:     block-level and replaced elements
    Inherited:      no
    Percentages:    N/A
    Media:          visual
1 голос
/ 20 октября 2014

В модели обработки CSS каждый элемент имеет все свойства, которые применимы к целевому типу мультимедиа. Например, даже пустой элемент <br> имеет свойство color. Но то, влияет ли свойство на отображение самого элемента, зависит от конкретного свойства и контекста способом, который описан в применимых спецификациях и черновиках CSS. Обычно описывается под заголовком «Относится к». Объединенной компиляции не существует, и набор свойств, распознаваемых браузерами, значительно различается.

Даже если свойство «относится к» элементу по спецификациям, оно не должно иметь фактического эффекта. Например, border-color не имеет значения для визуализации элемента, если его border-style равно none или border-width равно 0. (Значение может иметь значение, если оно унаследовано дочерними элементами.)

0 голосов
/ 09 февраля 2009

Любое свойство CSS может быть применено к любому элементу HTML; они не ограничивают друг друга.

Однако, как упоминал Арон Роттвил, элемент должен быть либо замененным элементом (например, img), либо указанным для уровня блока. Это означает, что следующее прекрасно CSS: 

strong { display: block; height: 5em; width: 5em; overflow: scroll; }
0 голосов
/ 09 февраля 2009

Вы всегда можете использовать официальную спецификацию . Ответ на ваш конкретный вопрос: здесь .

...