:corner-present – Applies to all scrollbar pieces and indicates whether or not a scrollbar corner is present. :no-button – Applies to track pieces and indicates whether or not the track piece runs to the edge of the scrollbar, i.e., there is no button at that end of the track. For track pieces it indicates whether the track piece abuts a singleton button. It is used to detect whether a button is by itself at the end of a scrollbar. :single-button – The single-button pseudo-class applies to buttons and track pieces. For track pieces it indicates whether the track piece abuts a pair of buttons. It is used to detect whether a button is part of a pair of buttons that are together at the same end of a scrollbar. :double-button – The double-button pseudo-class applies to buttons and track pieces. It indicates whether the object is placed after the thumb. :end – The end pseudo-class applies to buttons and track pieces. It indicates whether the object is placed before the thumb. :start – The start pseudo-class applies to buttons and track pieces. It indicates whether or not a button or track piece will increment the view’s position when used (e.g., down on a vertical scrollbar, right on a horizontal scrollbar). :increment – The increment pseudo-class applies to buttons and track pieces. It indicates whether or not the button or track piece will decrement the view’s position when used (e.g., up on a vertical scrollbar, left on a horizontal scrollbar). :decrement – The decrement pseudo-class applies to buttons and track pieces. :vertical – The vertical pseudo-class applies to any scrollbar pieces that have a vertical orientation. :horizontal – The horizontal pseudo-class applies to any scrollbar pieces that have a horizontal orientation. I’m going to steal this whole section from David’s blog post on the WebKit blog because it explains each part well: They allow for more specific selection of the parts, like when the scrollbar is in different states. These are the pseudo-elements themselves. This has been around for a couple of years. ::-webkit-scrollbar) and use the “ Shadow DOM“. It’s a bit better now, because the properties are vendor-prefixed (e.g. These days, customizing scrollbars is back, but it’s WebKit this time. v5.5) with non-standard CSS properties like scrollbar-base-color which you would use on the element that scrolls (like the ) and do totally rad things. Way back in the day, you could customize scrollbars in IE (e.g.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |