2013-12-11 2 views
-1

У меня есть стиль CSS для html элемента, такие как:Как стиль html-элемента напрямую (встроенный)?

html { 
    position: relative; 
    height: 100%; 
    min-height: 300px; 
} 

Если это стиль body или любой элемент в теле, я могу применить стиль непосредственно с помощью style="..." параметра такого элемента.

Но как я могу применить стиль к элементу html напрямую (inline)?

+0

Принимая во внимание, что вы должны избегать встроенный стиль, тот же метод должен работать на '' тега. Разве это не работает для вас, когда вы встраиваете его? – j08691

+0

_Directly_ вы имеете в виду __inline__ (как атрибут _style_)? – matewka

+1

Работы [** здесь **] (http://jsfiddle.net/8tTAy/) –

ответ

2

Просто сделать это так же, как вы описали в body примере:

<html style="position: relative; height: 100%; min-height: 300px;"> 

Но нужно учитывать, что встроенные стили плохая практика. Не используйте их, если у вас нет действительно серьезной причины. Обратитесь к this answer, упомянутому в комментариях к этому самому вопросу.

+0

Кроме того, не будет ли «позиция: относительная» неактуальной? Блок '' находится на верхнем уровне документа; все содержащееся внутри него/по умолчанию/относится к этому пространству. –

+0

@ mori57 - К моему удивлению, это не имеет значения - см. Http://stackoverflow.com/questions/20521309/resize-issue-with-table-centered-horizontally-and-vertically –

+2

Я чувствую, что «встроенные стили плохи «довольно вводит в заблуждение. Хотя их сложнее поддерживать, они не влияют на производительность или не вызывают другие «плохие» вещи. Это скорее вопрос «практики» и «личных предпочтений». Возможно, лучший способ выразить это словами: «встроенные стили считаются плохой практикой». Просто мысль. – Dom

0

Это не правильное, но вы можете сделать это с

<html style="background-color:red;"> 
Смежные вопросы