Elipsowate obramowanie


(tweant) #1

Jak uzyskać efekt elipsowatego obramowania?

Sample: http://everybodyedits.com/ [biała ramka]


(misza_88) #2

w pliku .css dodajesz:

-moz-border-radius: lewa-góra prawa-góra lewy-dół prawy-dół; dla Firefoxa (oczywiście w px lub innej jednostce miary)

-web-border-radius: lewa-góra prawa-góra lewy-dół prawy-dół; dla Opery (jednostka jw.)

niestety IE8 nie wspiera tej własności

edit:

-moz-border-radius oraz -web-border-radius nie są poprawnymi własnościami CSS 2.1


(Damgora) #3

-moz-border-radius Firefox (lub inne oparte na Gecko) https://developer.mozilla.org/en/css/-moz-border-radius

-webkit-border-radius lub border-radius - Safari i Chrome http://www.css3.info/preview/rounded-border/

border-radius - Opera

( border-radius jest zgodny z CSS3), więcej http://www.w3.org/TR/css3-background/#the-border-radius


(ra-v) #4

W CSS 2 jest na razie standardem (jak wiadomo jest “trochę” użytkowników IE), więc trzeba by zrobić to normalnie na elementach blokowych - 3 elementu u góry i na dole, 2 elementy w środku (zawartość ramki)

[/code]

no i reszta to GIF/PNG z 4 rogów ramki i CSS.