The major browser manufacturers generally strive to adhere to the W3C specifications, and when they support a non-prefixed property, they typically remove the prefixed version. This practice is not recommended by the W3C, however in many cases, the only way you can test a property is to include the CSS extension that is compatible with your browser. As with any CSS property, if a browser doesn't support a proprietary extension, it will simply ignore it. CSS basic box model (W3C Working Draft 9 August 2007)įor maximum browser compatibility many web developers add browser-specific properties by using extensions such as -webkit- for Safari, Google Chrome, and Opera (newer versions), -ms- for Internet Explorer, -moz- for Firefox, -o- for older versions of Opera etc.CSS Overflow Module Level 3 (Editor’s Draft).CSS Overflow Module Level 3 (W3C Working Draft, ).This setting affects the y-axis (any scrollbars will allow you to scroll vertically). Basic Property InformationĬhange the value to see the difference between visible, scroll, auto, and hidden. However these two specifications are still in draft status and these values are experimental so avoid using them until they become more stable and gain better browser support. In addition, unlike overflow-y: hidden which still allows programmatic scrolling, overflow-y: clip forbids scrolling entirely, through any mechanism, and therefore the box is not a scroll container. The CSS Overflow Module Level 3 adds only one keyword, defined as follows: clip Like hidden, this value indicates that the box's content is clipped to its padding box and that no scrolling user interface should be provided by the UA to view the content outside the clipping region. no-content When the content doesn't fit in the content box, the whole content is hidden, as if visibility: hidden were specified. The CSS basic box model adds two keywords to the overflow properties: no-display When the content doesn't fit in the content box, the whole box is removed, as if display: none were specified. In other words, it sets all properties to their parent value if they are inheritable or to their initial value if not inheritable. unset This value acts as either inherit or initial, depending on whether the property is inherited or not. inherit Represents the computed value of the property on the element's parent. In addition, all CSS properties also accept the following CSS-wide keyword values as the sole component of their property value: initial Represents the value specified as the property's initial value. is too big to fit within the content box). auto Specifies that the content box should provide scroll bars (or other scrolling mechanism) only when the content overflows (i.e. scroll Specifies that the content box should provide scroll bars (or other scrolling mechanism) regardless of whether the content is clipped or not. the parts that extend beyond the content box are hidden), and no scroll bars (or other scrolling mechanism) are supplied. hidden Specifies that the content is clipped (i.e. In other words, it should be displayed outside the content box. Possible Values visible Specifies that the content should not be clipped. Three additional keywords have also been proposed: no-content, no-display, and clip, however, see the note below for information on these values. Overflow-y: visible | hidden | scroll | auto
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |