CSS3

Thêm thuộc tính opacity, và các function hsl(), hsla(), rgba(), rgb() để tạo các giá trị <color>. Nó cũng định nghĩa từ khóa currentColor như là một màu hợp lệ.

Màu transparent bây giờ là một màu thực sự (cảm ơn sự hỗ trợ cho kênh alpha) và bây giờ là tên gọi khác cho rgba(0,0,0,0.0) .

Nó phản đối các từ khóa màu sắc hệ thống cái mà không nên được sử dụng trong môi trường production.

Thêm:

• Substring matching attribute selectors, E[attribute^="value"], E[attribute$="value"], E[attribute*="value"] .
• New pseudo-classes: :target, :enabled and :disabled, :checked, :indeterminate, :root, :nth-child and :nth-last-child, :nth-of-type and :nth-last-of-type, :last-child, :first-of-type and :last-of-type, :only-child and :only-of-type,:empty, and :not.
• Pseudo-elements bây giờ đã được nhận biết bởi hai dấu hai chấm so với một: :after trở thành ::after, :before trở thành ::before, :first-letter trở thành ::first-letter, and :first-line trở thành ::first-line.
• general sibling combinator mới ( h1~pre ).

Adds the support for the XML Namespaces by defining the notion of CSS qualified name, using the ' | ' syntax and adding the @namespace CSS at-rule.

Extends the former media type ( print, screen, … ) to a full language allowing queries on the device media capabilities like only screen and (color) .

Media queries are not only used in CSS document but also in some attributes of HTML Elements, like the media attribute of the <link> element.

Adds:

• Support, on backgrounds, for any type of <image>, and not only for uri() defined ones.
• Support for multiple background images.
• The background-repeat space and round values, and for the 2-value syntax of this CSS property.
• The background-attachment local value.
• The CSS background-origin, background-size, and background-clip properties.
• Support for curved border corners, with the CSS border-radius, border-top-left-radius, border-top-right-radius, border-bottom-left-radius, and border-bottom-right-radius properties.
• Support for the use of an <image> as the border with the CSS border-image, border-image-source, border-image-slice, border-image-width, border-image-outset, and border-image-repeat properties.
• Support for shadows of the element with the CSS box-shadow property.

Defines the <image> data type.

Extends the url() syntax to support image slices using media fragments.

Adds:

• The dppx unit to the <resolution> data type.
• The image() function as a more flexible alternative to url() to define an image from an url.
  At risk : due to insufficient browser support, standardization of the image() function may be postponed to the next iteration of this module .
• Support for linear-gradient(), repeating-linear-gradient(), radial-gradient() and repeating-radial-gradient().
• The ability to define how a replaced element should fit in its element, using the CSS object-fit property.
  At risk : due to insufficient browser support, standardization of the object-fit and property may be postponed to the next iteration of this module .
• The ability to override the resolution and orientation of an external image using the CSS image-resolution and image-orientation properties.
  At risk : due to insufficient browser support, standardization of the image-resolution and image-orientation properties may be postponed to the next iteration of this module .

Makes initial and inherit keywords usable on any CSS property.

Formally defines the CSS data types of CSS 2.1, that were implicitely defined by their grammar token and some textual precisions.

Adds:

• Definition for new font-relative length units: rem and ch .
• Definition for viewport-relative length units: vw, vh, vmax, and vmin .
• Precision about the real size of the absolute length units, which are not really absolute, but defined in relation with the reference pixel .
• Definition for <angle>, <time>, <frequency>, <resolution>.
• Normative value to the definition of <color>, <image>, and <position>.
• Definition for the calc(), attr(), and toggle() functional notations.
  At risk: due to insufficient browser support, standardization of the calc(), attr(), and toggle() functional notations may be postponed to the next iteration of this module.

Extends:

• the CSS text-decoration property by making it a shorthand for the CSS text-decoration-line, text-decoration-color, and text-decoration-style properties. And adds the text-decoration-skip, and text-underline-position properties.

Adds:

• Support for East-Asian-script emphasis marks with the CSS text-emphasis, text-emphasis-style, text-emphasis-color, and text-emphasis-position properties.
• Support for script shadows with the CSS text-shadow property.

Precises:

• The paint order of the decorations.

At risk: due to insufficient browser support, standardization of the text-decoration-skip, line positioning rules and the ability to place both emphasis marks and ruby above the same base text may be postponed to the next iteration of this module.

Amends the CSS2.1 Font matching algorithm to be closer to what is really implemented.

Adds:

• Support for downloadable fonts via the CSS @font-face at-rule.
• The control of the contextual inter-glyph spacing via the CSS font-kerning property.
• The choice of language-specific glyphs via the CSS font-language-override property.
• The choice of glyphs with specific OpenType features via the CSS font-feature-settings property.
• The control of the aspect ratio to use when fallback fonts are selected via the CSS font-size-adjust property.
• The choice of alternative font faces using the CSS font-stretch, font-variant-alternates, font-variant-caps, font-variant-east-asian, font-variant-ligatures, font-variant-numeric, and font-variant-position properties. It also extends the related CSS font-variant shorthand property and introduces the @font-feature-values at-rule.
• The control of the automatic generation of an oblique or bold face when none are found via the CSS font-synthesis property.

Adds:

• The initial, unset values for properties.
• The CSS all property.
• The scoping mechanism.

Precises:

• Interaction of media-dependent @import statements and style sheet loading requirements.

Adds:

• the support of bi-dimensional transforms to be applied to any element using the CSS transform and transform-origin properties. The supported transforms are: matrix(), translate(), translateX(), translateY(), scale(), scaleX(), scaleY(), rotate(), skewX(), and skewY().
• the support of tri-dimensional transforms to be applied to any element by adding the CSS transform-style, perspective, perspective-origin, and backface-visibility properties and extended the transform property with the following transforms are: matrix 3d(), translate3d(), translateZ(),  scale3d(), scaleZ(), rotate3d(), rotateX(), rotateY(), rotateZ(), and perspective().

Note: this specification is a merge of CSS 2D-Transforms, CSS 3D-Transforms and SVG transforms.

Adds:

• Support for defining the behavior of decorations, that is borders and background colors or images, when a box is breaked (at a page, column or line-break) with the CSS box-decoration-break property.

Extends:

• the CSS text-transform property with the value full-width.
• the CSS text-align property with the value start, end, start end, and match-parent for a better support of documents with multiple directionalities of text.
• the CSS text-align property with a <string> value to align on that character. This is useful to align number on the decimal point.
• the CSS word-spacing and letter-spacing properties with range constraints to control flexibility in justification.

Adds:

• Control on how whitespaces are displayed using the CSS text-space-collapse and tab-size properties.
• Control on line breaks and word boundaries using the CSS line-break, word-break, hyphens, text-wrap, overflow-wrap, and text-align-last properties.
• Control on how justification is happening, in order to support more type of scripts, using the CSS text-justify property.
• Control on edge effect using the CSS text-indent and hanging-punctuation properties.

Adds:

• The ability to tweak the box model using the CSS box-sizing property.
  At risk: due to insufficient browser support, standardization of the padding-box value may be postponed to the next iteration of this module .
• Allow the styling of forms according their content using the CSS :indeterminate, :default, :valid, :invalid, :in-range, :out-of-range, :required, :optional, :read-only, and :read-write pseudo-classes and the ::value, ::choices, ::repeat-item, and ::repeat-index pseudo-elements.
  At risk: due to insufficient browser support, standardization of the pseudo-elements ::value, ::choices, ::repeat-item, and ::repeat-index may be postponed to the next iteration of this module .
• Support for icons, defined by the CSS icon property simultaneously with the new icon value of the CSS content property.
  At risk: due to insufficient browser support, standardization of the icon property and the icon value may be postponed to CSS4.
• Support for the CSS outline-offset property giving more control on the position of the outline.
• Support for the CSS resize property allowing Web authors to control if and how elements should be resized.
• Support for the CSS text-overflow property defining how text overflows, if needed.
  At risk: due to insufficient browser support, the 2-value syntax of this property as well as the support for <string> values may be postponed to the next iteration of this module .
• The ability to define the hotspot of a cursor as well as the new none, context-menu, cell, vertical-text, alias, copy, no-drop, not-allowed, nesw-resize, nwse-resize, col-resize, row-resize, all-scroll, zoom-in, zoom-out, extending the cursor property.
• The ability to specify the sequential navigation order (that is the tabbing order ) using the CSS nav-index, nav-up, nav-right, nav-left, nav-down properties.
  At risk: due to insufficient browser support, standardization of the navigation properties may be postponed to the next iteration of this module .
• The ability to control the usage of an IME editor, using the CSS ime-mode property.
  At risk: due to insufficient browser support, standardization of the ime-mode property may be postponed to the next iteration of this module .

Extends:

• the image() functional notation to describe the directionality of the image (rtl or ltr), allowing for bidi-sensitive images.
• the image-orientation property by adding the keyword from-image, allowing to follow EXIF data stored into images to be considered.

Adds:

• the image-set() functional notation to allow the definition to equivalent images at different resolution allowing for resolution-negotiated selection of images.
• the element() functional notation allowing the use of part of the page as image.
• the cross-fade() functional notation allowing to refer to intermediate images when transitioning between two images and defines the interpolation between two images.
• the conic-gradient() and repeating-conic-gradient() functional notation describing a new type of gradient.
• the image-rendering property that allow to define how resize of the object should be handled.