Fear-Art | Agencja interaktywna, strony internetowe, sklepy internetowe. Fear-Art | Agencja interaktywna, strony internetowe, sklepy internetowe

  • Strona główna
  • Oferta
  • Realizacje
  • Blog
  • Kontakt
28
Wrz

Zaokrąglone brzegi w HTML

Tweet
Oceń:
  • 1
  • 2
  • 3
  • 4
  • 5
(3 głosów)
  • czcionka: zmniejsz rozmiar czcionki zmniejsz rozmiar czcionki zwiększ rozmiar czcionki zwiększ rozmiar czcionki
Zaokrąglone brzegi w HTML

Jak zaokrąglić brzegi obiektu przy pomocy HTML'a, nie używając grafik, by działały pod wszystkimi przeglądarkami.

Otóż jest to możliwe tylko dla przeglądarek Safari, Firefox, Chrom i Opera.
Jak na nieszczęście IE nadal nie obsługuje tego parametru. Mam nadzieje, że zmieni się to wraz z IE9.

Aktualnie wszystkie ostatnie wersje w/w przeglądarek obsługują tag:

.box {
        border-radius:10px;
        }

Gdzie 10px to kont zaokrąglenia.

Zaokrąglenie możemy oczywiście zastosować również tylko do konkretnego rogu:

 

.box {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
}

 

Zniekształcenie zaokrąglenia możemy osiągnąć podając dwie różne wartości:

.box {
        border-top-right-radius: 10px 6px;
        }

 

Ostatnia aktualizacja: piątek, 18 listopada 2011 16:01
Przeglądane 5589 razy | Podoba się? Dodaj do Twittera!
Słowa kluczowe:
  • html
Podziel się z innymi
  • Add to Google Buzz
  • Dodaj do Facebooka
  • Dodaj do Delicious
  • Wykop to
  • Dodaj do Reddit
  • Dodaj do StumbleUpon
  • Dodaj do MySpace
  • Dodaj do Technorati

Blog Menu

  • News
  • Templates
  • Design
  • Technologie
  • HTML / HTML5 / jQuery
  • Archiwum

KOMENTARZE

  • Very nice post. I just stumbled upon your weblog and…
    Bądź ECO - strona www
    napisał(a) hemp milk health benefits, 2014-09-14 14:06:35
  • Great blog here! Also your website loads up vdry fast!…
    Bądź ECO - strona www
    napisał(a) basic search engine optimization tips, 2014-09-07 23:25:56
  • Hello, i think that i saw you visited my blog…
    Primiera Classe Club
    napisał(a) clean wood decks, 2014-04-30 13:05:44
  • I was able to find good info from your content.
    Primiera Classe Club
    napisał(a) improve my website, 2014-04-30 09:45:51
  • Your means of explaining everything in this paragraph is genuinely…
    Ikony Paginacji
    napisał(a) website designer software, 2014-02-04 06:37:23

TAGI

3D design eMarketing flash grafika html logo oferta photoshop reklama sklepy www strony www

AdSense

Fear Art

  • O nas
  • Kontakt
  • Facebook
  • Twitter
  • Polityka Cookies
  • Mapa strony

Klienci / Partnerzy

  • Orange
  • NetSprint.pl
  • Easy Times
  • Underwater
  • nativ2music

Produkty

  • Strony Internetowe
  • E-commerce (sklepy internetowe)
  • Pozycjonowanie w wyszukiwarkach
  • Reklama w internecie
  • Identyfikacja graficzna Firmy
  • Grafika 2D, 3D, prezentacje
  • Promocje

Blog

  • News
  • Templates
  • Design
  • Technologie
  • HTML / HTML5 / jQuery
  • Archiwum
All content Copyright © 2010 - Fear-Art. All rights reserved.
Fear-Art | Strony internetowe, sklepy www, grafika, reklama

TA STRONA UŻYWA COOKIE. Dowiedz się więcej o celu ich używania i zmianie ustawień cookie w przeglądarce. Korzystając ze strony wyrażasz zgodę na używanie cookie, zgodnie z aktualnymi ustawieniami przeglądarki oraz akceptujesz Politykę Cookies. Pamiętaj, że zawsze możesz zmienić te ustawienia.

Akceptuję