We wpisie o ciekawym roku dla webmastera wspominałem o problemie wdrażania nowych poleceń HTML 5 i CSS 3 w przeglądarkach. Akurat w Twitterze ktoś podsunął informację, że Opera 10.5 będzie obsługiwać kolejne style związane z obramowaniem. Wypróbowałem, jak to wygląda dzisiaj - poniżej jest nieco zmodyfikowany przykład zaczerpnięty z Dev.Opera.

W dwóch kolejnych wycinkach Div umieściłem następujące style:

1. style="background-color: #cccccc; border-radius: 120px / 30px; border: 3px solid #ffffff; border: solid #ffffff; color: white; color: white; margin: 7px; padding: 50px; text-align: center;"

2. style="background-color: #cccccc; border-radius: 120px 20px; border: 3px solid #ffffff; border: solid #ffffff; color: white; color: white; margin: 7px; padding: 50px; text-align: center;"

Poprawną interpretację widzimy w Chrome 4 (nie mam pewności, czy również w Chrome 3), style te ma obsługiwać Opera 10.5, natomiast Firefox i Internet Explorer wyświetlają zwykłe prostokąty.

Tak to wygląda na żywym przykładzie:

A tak powinno wyglądać - to już obrazek:

Nie ulega dla mnie wątpliwości, że to interesujące cechy nowej wersji CSS, które mogą znacznie uatrakcyjnić wygląd stron internetowych. Ciekawe tylko, jak szybko znajdą się we wszystkich ważniejszych przeglądarkach.

I już na marginesie - według ostatniego notowania Ranking.pl Internet Explorer poważnie zbliżył się w swym spadku w Polsce do granicy 30%, co byłoby kolejną "barierą psychologiczną", fantastyczne tempo utrzymuje Opera, która ma 10,99% udziału, zaś Firefox ma rekordowe 53,35%. Chrome także w górę. Być może to "efekt wakacyjny", gdyż w okresach świąteczno-urlopowych IE zawsze traci, niemniej tendencja jest oczywista.