Wie kann ich einen CSS3-Rahmenradius nur über meinem Element erhalten? - css, css3

Hallo, Ich verwende diesen Code für einen CSS3-Border Radius. Wie kann ich ihn so anpassen, dass ich nur einen Border-Radius oben bekomme?

border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;

Vielen Dank.

Antworten:

Benutzen:

border-radius:15px 15px 0 0;
-moz-border-radius:15px 15px 0 0;
-webkit-border-radius:15px 15px 0 0;

Die Reihenfolge ist: oben links, oben rechts, unten rechts und unten links.

Verwenden Sie die seitenspezifischen Randradiusregeln.

Ex:

-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-webkit-border-top-left-radius:15px;
-webkit-border-top-right-radius:15px;
border-top-left-radius:15px;
border-top-right-radius:15px;

Beachten Sie, dass die neuesten Versionen von Chrome und Firefox die Grenzradiusregel unterstützen, ohne dass das Präfix verwendet wird, das nur für ältere Versionen erforderlich ist.

Benutze die border-radius Abkürzungseigenschaft:

border-radius:15px 15px 0 0; /* top-left, top-right, bottom-right, bottom-left */