Highwise Tech
World

W3C Added Geometry Properties to CSS Standards

New CSS properties enable native control over webpage shapes and borders, replacing legacy layout workarounds.

Updated on Sept. 29, 2026 in Geography

Isometric editorial illustration of diverse matte geometric shapes arranged in an orderly, non-rectangular structure on a flat surface.
The World Wide Web Consortium has released new CSS properties enabling developers to define custom geometric boundaries for web layouts, bypassing legacy rectangular constraints. AI Illustration. Upload story photo >

Live Poll

Do you prefer websites to move beyond traditional square grid layouts for more fluid designs?

The World Wide Web Consortium has introduced new CSS properties including shape(), border-shape, and corner-shape to expand layout capabilities. These standards are currently in various states of browser support, with experimental implementations available in Chrome, Edge, and Opera.

Why it matters

These additions evolve how developers define geometric boundaries on the web, moving beyond the rectangular box model established in 1996. The update provides a native mechanism for complex visual layouts that previously required non-standard hacks.

The new shape() function defines geometric coordinates that interact with the border-shape and corner-shape properties to modify element boundaries. While shape() maintains broad browser support, border-shape and corner-shape remain experimental in Chromium-based browsers.

The players

World Wide Web Consortium

An international community that develops open standards to ensure the long-term growth of the Web.

The details

Developers use the shape() function to define specific geometric coordinates, which are then passed into the border-shape property to dictate an element's outer perimeter. Browsers render these border-shape boundaries during the early stages of the layout process, allowing the engine to calculate flow based on the custom geometry rather than simple rectangles. The corner-shape property further simplifies this by offering pre-defined patterns for styling intersections.

Timeline

  1. 1884: Edwin A. Abbott published the geometric narrative Flatland.

  2. 1996: The W3C published the first standard for web page layout.

  3. 2026-09-29

    The new CSS properties were officially published by the W3C.

The Tech Race

This update represents a structural evolution in web design that builds upon the rigid box model established in the 1996 W3C web layout standard. By shifting toward native geometry, the industry is moving away from complex CSS workarounds that have limited visual expression for decades.

Web developers can currently begin testing shape() in production, while border-shape and corner-shape are limited to experimental browser builds. These tools will eventually reduce the CSS bloat typically required for non-rectangular web interfaces.

The takeaway

Developers should monitor the transition of border-shape and corner-shape from experimental to stable features in Chromium and WebKit. Track browser compatibility tables for full support to determine when these properties can safely replace existing layout libraries.

Further reading

For more context on how digital infrastructure maps to physical standards, visit /science/geography/.

Source note: This article includes information reported by TheRegister.

Live Poll

Do you prefer websites to move beyond traditional square grid layouts for more fluid designs?

W3C Added Geometry Properties to CSS Standards | Highwise Tech