Abgerundete Ecken

html.de-Forum HTML, XHTML & CSS
1

Hallo !

Ich würde gerne einer CSS Box einen Rand mit Abgerundeten Ecken geben (via CSS)
ist das Möglich oder muss ich eine Grafik einbauen ?

MfG Sven

2

guckste hier

erster treffer xD

mfg michaelos

3

Hi Sven,
mit CSS3 ist das direkt via Stylesheet möglich. Nicht alle Browser unterstützen dies jedoch, einige Browser auch nur mit speziellen Befehlen.

element {
    -moz-border-radius:1%; /* Mozilla */
    -webkit-border-radius:1%; /* Webkit-Browser */
    -khtml-border-radius:1%; /* KHTML-Browser */
    border-radius:1%; /* CSS3 */
}

Grüße

4

Warum stellst du deine Frage dann im HTML-Forum?

Ja es ist möglich, jedoch noch nicht ohne Weiteres in jedem Browser.
Für Firefox -moz-border-radius.
Für Webkit-Browser -webkit-border-radius.
Und für Konqueror -khtml-border-radius.

5

Danke an alle !

(warum ich das im HTML-Forum gepostet habe, mh… keine Ahnung es ist Gestern spät geworden sorry !

Sven

6

Leider funktioniert bei mir keine dieseer styles

-moz-border-radius:30px;
-khtml-border-radius:30px;
-webkit-border-radius:10;

Benutze CS3
Browser: Mozilla 3.6.7

Dreamweaver gibt mir folgende Fehlermeldung:

Unsupported property: -moz-border-radius

Affects: Firefox 1.5; Internet Explorer 6.0, 7.0; Internet Explorer for Macintosh 5.2; Netscape 8.0; Opera 8.0, 9.0; Safari 2.0

Funktioniert also nicht ???

7

So ist das ja auch kein vollständiges CSS.

8

funktioniert doch !

war nur zu blöd die richtige box zu benennen

Danke noch mal !