They had to decide on an initial value, and while inline is somewhat strange, block would be equally strange. Why did W3C opt for inline instead of block? I don’t know, and it doesn’t really matter any more. Still others are essentially arbitrary, such as display: inline. Back in the Stone Age before CSS all background images repeated, and the CSS1 specification naturally copied this behaviour. Others are historically determined, such as background-repeat: repeat. Of course an element does not have a background colour without you specifying one, nor does it float automatically.
float: none and background-color: transparent are examples of the first category. Initial values from the spec are a bit of a mixed bag. This is the value specified in the W3C specification for that property. The initial keywords sets the property back to its initial value.
In other contexts - rarely.Īnd keep the difference between inheriting and non-inheriting properties in mind. Using it for font sizes or colours may occasionally be a good idea. In any case, that’s how the inherit keyword works. Still CSS, being ridiculously powerful, allows it. This is an odd thing to specify, and I never saw a practical use case in the wild. This declaration tells the div to use the margin specified on its parent, however. In fact, you most likely don’t want that. The fact that an element has margin-left: 10% does not mean all of its descendents should also get that margin. Normally margins don’t inherit, and for good reason. But if you remove the colour difference between links and main text, make sure your links are underlined. Here, however, we explicitly tell the browsers that the link colour should be inherited from its parent, the div. As a CSS programmer you frequently set it, and even if you don’t browsers automatically make it blue for you. It’s not specified here, but because color is inherited by default the div gets the text color of its parent. It says that the link colour in the div should be the same as the text colour. The second declaration is easiest to explain, and sometimes actually useful. The inherit keyword explicitly tells an element that it inherits the value for this declaration from its parent. [ Would you like to improve your CSS? You can hire me as a Despite 4 still being in draft revert is already supported. The first three were defined in the Cascading Level 3 spec, while revert was added in Cascading Level 4. Also, we will ask where and when to use them to the greatest effect, and if we need more of those keywords. Today we’re going to take a quick look at a few special CSS keywords you can use on any CSS property: inherit, initial, revert, and unset. Sitemap contact Inherit, initial, unset, revert
0 kommentar(er)
