Responsive Web Design (RWD) Notes

… from W3 Schools TryIt^™ Examples …

• TryIt^™ Ex:  CSS Navbar Horizontal Black Fixed
• TryIt^™ Ex:  CSS Cursor Property
• TryIt^™ Ex:  CSS 3 @media Rule

… reference material from W3 Schools …

• CSS Responsive Web Design – Introduction
• CSS 3 @media Rule
• CSS Media Queries
• CSS 3 Media Queries – Examples
• The CSS 3 box-sizing Property
• CSS 3 User Interface properties are resize and outline-offset.
  • resize  — Specifies whether or not an element is resizable by the user
    Values for resize are:
    • none
    • both
    • vertical
    • horizontal
  • outline-offset — Adds space between an outline and the edge or border of an element
  • overflow
    It is common to set the overflow property when using resize. Values for overflow are:
    visible — The overflow is not clipped. It renders outside the element's box. This is default.
    hidden — overflow is clipped, and the rest of the content will be invisible. Content can be scrolled programmatically (e.g. by setting scrollLeft or scrollTo())
    clip — The overflow is clipped, and the rest of the content will be invisible. Forbids scrolling, including programmatic scrolling.
    scroll — The overflow is clipped, but a scroll-bar is added to see the rest of the content
    auto — If overflow is clipped, a scroll-bar should be added to see the rest of the content initial
    initial — Sets this property to its default value.
    inherit — Inherits this property from its parent element.