Its generally not the font-family that is the problem (except on old yukky browsers like NN 4.7). It seems that td's are similar to headings in this regard.īody, div, form, h1, h2, h3, h4, h5, h6, input, li, ol, p, select, td, textarea, tr, ul Unfortunately it is not writtent that way, and instead gives quite a bit of freedom to the browser developer. This causes a problem if youre using a root font-size that isnt 16px. Many of the more useful properties automatically cascade down, e.g. There are a number of components that explicitly use inherit for their font size (or the define no font size at all). It certainly would not be sensible for a heading to be the same size as the body text, although you could argue that it would have been sensible for the spec to be written such that headings are a proportion of the font-size of what they inherit from. In practice, it’s rarely necessary to use inherit. Sometimes we inherit traits from more distant ancestors, like grandparents or great-grandparents. Children inherit traits from their parentseye color, height, male-pattern baldness, and so on. Using inheritance, you can specify the font properties for the html or body elements and the styles will be inherited by all other elements.
INHERIT FONT SIZE CODE
The code would become bloated and repetitive. So for example would inherit the colour, but doesn't inherit the size. Saving Time with Style Inheritance - CSS: The Missing Manual, 4th Edition Book Chapter 4. Without inheritance, it would be necessary to specify styles like font family, font size, and text color individually for every single element type. "Note that an application may reinterpret an explicit size, depending on the context".
Not a CSS guru either, I'm afraid, but here is my 2 cents worth:įont-size should inherit (see section 5.2.6 of ).
0 kommentar(er)
