Przykład szósty: elastyczność Nifty Corners

Przykład unaocznia, że chociaż możliwe jest uzyskanie szykownych narożników bez wykorzystania drugoplanowgo tła i reguł CSS, to niekiedy - dla osiągnięcia specjalnych efektów - można posłużyć się tłem w tradycyjny sposób. Istotą tego przykładu jest, jak w innych, w jaki sposób minimalnym wysiłkiem, niewielką ilością kodu osiągnąć satysfakcjonujący efekt. W dolnym bloku wykorzystano grafikę. Zastosowano również przezroczystość. Kod JavaScript jest następujący:

Rounded("h3","all","#FFF","#efeadc","small border #999");
Rounded("div#news h3","all","#FFF","transparent");

Uwaga: W tym przypadku obwódka jest dodawana do elementu h3. Skrypt faktycznie może dodawać obwódkę do elementu, który zawiera wewnątrz tekst, przez otoczenie elementu blokowego zgodnie z ustawieniami DOM. Ale - uwaga - Nifty Corners zawiodą, jeżeli otaczany element składa się z wymieszanych składników - elementu blokowego i elementu wewnętrznego (inline) jako bezpośredniego potomka. Rozwiązania są, jak w poprzednim przypadku - dwa: unikanie obwódek lub dodanie specjalnego, zawierającego je wrapera.