css - 要素の上部でのみCSS3の境界線の半径を取得するにはどうすればよいですか？

Question

こんにちは、私はこのコードをCSS3 Border Radiusに使用していますが、境界線の半径が上になるようにコードを調整するにはどうすればよいですか？

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

ありがとうございました。

Answer 1

側面固有の境界半径ルールを使用します。

元：

-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;

ChromeとFirefoxの両方の最新バージョンは、接頭辞whisのないborder-radiusルールをサポートしていることに注意してください。これは、古いバージョンでのみ必要です。

Answer 2

使用する：

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

順序は、左上、右上、右下、左下です。

Answer 3

border-radius省略形のプロパティを使用します。

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