How to style html element directly (inline)?

Question

I have a css style for html element, such as:

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

If it is style for body or any element within body, I can apply styling directly using style="..." parameter of such element.

But how can I apply style to html element directly (inline)?

Bearing in mind that you should avoid inline styling, the same method should work on the `` tag. Is it not working for you when you inline it? — j08691, Dec 11 '13 at 14:54
@j08691 - Why should I **avoid** inline styling? What is wrong with that? — Ωmega, Dec 11 '13 at 14:55
For a few reasons see http://stackoverflow.com/questions/4721997/inline-styles-vs-styles-in-css. Or just Google "avoid inline CSS". — j08691, Dec 11 '13 at 14:56
@j08691 - I use inline styling for very simple page with no issue — Ωmega, Dec 11 '13 at 14:58
I'm not saying it won't work. It's just something to avoid. Best practice type stuff. — j08691, Dec 11 '13 at 14:59

score 2 · Accepted Answer · edited May 23 '17 at 11:57

2

Simply do it the same as you described in the body example:

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

But beware that inline styles are bad practice. Don't use them unless you have a really serious reason. Refer to this answer mentioned in the comments of this very question.

edited May 23 '17 at 11:57

Community

1
1

answered Dec 11 '13 at 14:56

matewka

9,912
2
32
43

Also, wouldn't the "position:relative" be irrelevant? The `` block is at the top level of the document; everything contained inside it /by default/ is relative to that space. – Jason M. Batchelor Dec 11 '13 at 15:01
@mori57 - To my surprise, it is not irrelevant - see http://stackoverflow.com/questions/20521309/resize-issue-with-table-centered-horizontally-and-vertically – Ωmega Dec 11 '13 at 15:04
2

I feel saying "inline styles are bad" is rather misleading. Although they are harder to maintain, they don't affect performance or cause other `bad` things to happen. It is more a matter of "practice" and "personal preference". Maybe a better way to phrase it is to say "inline styles are considered bad practice". Just a thought. – Dom Dec 11 '13 at 15:04
1

@ΩmegaΔ ... Interesting, I would have thought that the base element was indeed the relative container for all others in an HTML doc. Ah well, learn something new every day, right? Thx! – Jason M. Batchelor Dec 11 '13 at 15:13

score 0 · Answer 2 · answered Dec 11 '13 at 15:00

0

That's not proper but you can do it with

<html style="background-color:red;">

answered Dec 11 '13 at 15:00

JayD

6,173
4
20
24

How to style html element directly (inline)?

2 Answers2