• 201119 Apr

    The W3C CSS Working Group have introduced a new module to CSS3, the CSS3 Grid Layout module, as well as released two further updated specifications, for the CSS3 Multi-column Layout and CSS3 Text modules.

    Let’s take a closer look at what’s new.

    CSS3 Grid Layout

    Initially proposed by Microsoft, and first released as a W3C working draft on 7th April 2011, the CSS3 Grid Layout module introduces a new layout method to CSS3.

    According to the specification:

    Grid Layout contains features targeted at web application authors. The Grid can be used to achieve many different layouts. It excels at dividing up space for major regions of an application, or defining the relationship in terms of size, position, and layer between parts of a control built from HTML primitives.

    Like tables, the Grid enables an author to align elements into columns and rows, but unlike tables, the Grid doesn’t have content structure, and thus enables a wide variety of layouts not possible with tables. For example, the children of the Grid can position themselves with Grid Lines such that they overlap and layer similar to positioned elements.

    In addition, the absence of content structure in the Grid helps to manage changes to layout by using fluid and source order independent lay out techniques. By combining media queries with the CSS properties that control layout of the Grid and its children, authors can adapt their layout to changes in device form factors, orientation, and available space, without needing to alter the semantic nature of their content.

    You can find the latest version of the specification here.

    At present, Microsoft’s Internet Explorer 10 platform preview is the only browser to have implemented the Grid Layout module, a demonstration can be found here.

    CSS3 Multicolumn Layout

    The CSS3 Multicolumn Layout module was released as a candidate recommendation on 12 April 2011.

    According to the specification, the main updates from the previous working draft are as follows:

    The specification was updated in April 2011 to correct a contradiction between the text and the pseudo-algorithm in section 3.4. The pseudo-algorithm was corrected and also made easier to read. The wording of a few other sections was improved in places, without changes to the functionality.

    You can find the latest version of the specification here.

    CSS3 Text

    An updated working draft of the CSS3 Text module was released on 12 April 2011.

    According to the specification there are several major changes, including:

    • Rename ‘large-kana’ to ‘fullsize-kana’.
    • Merged ‘hyphenate-limit-before’ and ‘hyphenate-limit-after’ into ‘hyphenate-limit-chars’ and added a word-length limit as well.
    • Renamed ‘white-space-collapsing’ to ‘bikeshedding’.
    • Added ‘tab-size’ property.
    • Removed ‘keep-words’ value of ‘word-break’.
    • Removed optional second hyphenation character.
    • Added ‘hyphenate-zone’ property.
    • Removed ‘unrestricted’ value of ‘text-wrap’.
    • Added ‘hyphenate’ value to ‘word-wrap’.
    • Merged ‘text-align-first’ into ‘text-align’.
    • Removed ‘last’ value of ‘hanging-punctuation’.
    • Added cancel values to ‘text-decoration-lines’/‘text-decoration’.
    • Removed ‘all’ value of ‘text-decoration-skip’.
    • Changed ‘wave’ value of ‘text-decoration-style’ to ‘wavy’.
    • Changed syntax of ‘text-emphasis-position’ to allow more combinations of position values.
    • Added an informative appendix on cultural correlations of various CSS3 Text features.
    • Added an appendix to categorize scripts according to the categories used to define, e.g. ‘text-justify’ behavior.

    The updated specification can be found here.

    You can skip to the end and leave a response.

  • Comments


Advertise here?