2015
30 featuresThe background-position CSS property offsets the initial position of background images relative to the background origin.
The background-size CSS property scales or stretches a background based on the size of the element (with the contain and cover keywords), a length, or percentage.
The border-radius CSS property rounds the corners of the border drawn around an element.
The box-shadow CSS property applies shadow effects around an element's frame. This can create drop shadow and inner shadow effects.
The box-sizing CSS property sets whether an element's width and height are calculated based on the content-box, which does not count the size of borders or padding, or border-box, which does count them.
The calc() CSS function computes mathematical expressions such a calc(100%/3 - 1em).
The ch CSS length unit is a font-relative length based on the width of the zero (0) character.
The contenteditable global HTML attribute allows the user to edit the content of an element, such as inserting or deleting text.
The cubic-bezier() CSS easing function interpolates along a smooth curve, creating animations and transitions with continuous changes in speed. The ease, ease-in, ease-out, and ease-in-out keyword values are presets for common Bézier curves.
The currentColor CSS value allows you to reuse an element's computed text color for other properties.
The display: list-item CSS declaration renders an element with the box layout of a <li> HTML element.
The display: table CSS declaration renders an element with the box layout of a <table> HTML element. Child elements may use equivalents to <table> internal elements such as display: table-row for <tr>.
The em CSS length unit is a font-relative length equal to the specified font size. In an element with a 2 inch font, 1em equals 2 inches.
The ex CSS length unit is a font-relative length equal to the used x-height of the first available font. X-height is often equal to the height of the lowercase x.
The float CSS property aligns an element to either side of its container, allowing text and inline elements to flow around it. The clear CSS property sets whether an element is moved below floating elements that proceed it.
The font-family CSS property sets the desired font face for text, along with optional fallback font faces.
The font-size CSS property sets the text height.
The font-style CSS property sets the text style, with normal, italic, and oblique options.
The font-variant CSS property is a shorthand for font-variant-alternates, font-variant-caps, font-variant-east-asian, font-variant-emoji, font-variant-ligatures, font-variant-numeric, and font-variant-position.
The font-weight CSS property controls the thickness of a font. It is set explicitly with the keyword bold or a number, or relative to the inherited thickness with the keywords bolder or lighter.
The getComputedStyle() global method returns an CSSStyleDeclaration object that represents all CSS declarations applied to a given element.
The hashchange event fires when the URL fragment identifier (the part of the URL starting with #) of the current page has changed.
The inherit keyword resets any CSS property to the computed value of that property from the parent element.
The lang global HTML attribute defines the language of an element. It's used by assistive technology to correctly read the content, translation tools to select the origin language, and other applications.
The letter-spacing CSS property controls the amount of space between each letter in an element or block of text.
The line-height CSS property sets the spacing between text baselines, oriented to the horizontal or vertical writing mode.
The localStorage and sessionStorage APIs store data as key-value pairs. While localStorage persists across sessions, sessionStorage data is discarded when the page is closed.
The margin CSS property sets space around an element. It is a shorthand for margin-top, margin-right, margin-bottom, and margin-left.
The window.matchMedia() method checks whether a media query applies to the document.