As is the case with many CSS properties, the only time you would ever use the normal value is if you had already set one of the other values, and want to revert to the value “normal” for that element, or for a child element that inherits the unwanted value. If it is set explicitly, it will have the same result as what naturally occurs in the output with no tags. Here are the different values for the white-space property, along with a visual demonstration of how each one works: Value: normal Of course, the portion of the document that you can target is limited to whatever can be targeted via CSS selectors. Through a number of possible values, the white-space property gives us, via CSS, a way of defining how the browser handles multiple white space characters and line breaks. The white-space property is the cleaner CSS answer to the aforementioned (X)HTML methods of controlling white space. The older method of doing this involves using the tag, but that tag is now deprecated, so it should not be used. If you want to string together multiple spaces that you don’t want to collapse, you can use the non-breaking space. (X)HTML also allows the use of the non-breaking space ( ). So, while the default in HTML is to ignore multiple spaces and line breaks, you can override this using the tag. It will even cause a single line to push the boundaries of its parent if no explicit line breaks are used in the markup. All non-tag content inside of the tag will output virtually identically to what you have in the code. If you want to allow all space and line breaks to occur naturally, then you can use the big ugly cousin of the white-space property the tag. This comes in handy, because it allows us to correctly indent and seperate the elements in our (X)HTML so it will be readable and maintainable without creating extra unwanted space and line breaks in the browser output. In (X)HTML, anytime you string together a bunch of spaces in your code, the actual page output in your browser will, by default, trim (or collapse) all those spaces down to a single space. I’ll do my best to avoid overly-technical jargon, but with this property, it’s not easy to explain without sounding overly-complex. This article will attempt to describe, in a very practical, no-nonsense way, the different values for the CSS white-space property, and how each one can be used.
#4 spaces css3 menu how to#
You can probably live without this property for quite some time, but once you learn how to use it, it will come in very handy and you’ll find yourself going back to it over and over again. CSS has a pretty useful property called white-space that I’m guessing goes unnoticed among CSS beginners.
0 kommentar(er)
