User interface (rozhraní) - Český CSS3 manuál

Pomocí CSS3 můžete měnit vlastnosti jako jsou změna velikosti elementu, resizování například textarea nebo tzv. outlining (druhý rámeček s jiným offsetem).

Vlastnost resize

div
{
   resize: both;
   overflow: auto;
}

Vlastnost outline a outline-offset

Pomocí této vlastnosti můžeme nastavit druhý rámeček, který se vykreslí za klasickým border.

div
{
   border: 2px solid red;
   outline: 2px solid blue;
   outline-offset: 15px;
}

Vlastnost Box Sizing

Pokud potřebujete mít například dva divy vedle sebe a neznáte jejich délky (potřebujete použít procenta máte různý padding, margin nebo je vůbec neznáte) pak vám jen float: left nebude fungovat. A právě k tomu je tu tato vlastnost.

div.container
{
    width: 10em;
    padding: 5px;
    border: 1em solid;
}

div.vnorenyDiv
{
    box-sizing: border-box;
    -moz-box-sizing: border-box; /* Firefox */
    -webkit-box-sizing: border-box; /* Safari */
    width: 50%;
    float: left;
}

Pokud si vyzkoušíte tuto ukázku jak je znázorněna pod tímto textem zjistíte, že lze dva divy vedle sebe zarovnat jen pokud předem zadáme jejich šířku natvrdo.