border-radius

border-radiusを詳しくまなぶ

border-radiusをつかって円を描く方法や、個別に角度を指定する方法など、border-radiusについて詳しく解説します

border-imageにborder-radiusがきかないので擬似的に表現する

border-imageにborder-radiusをあてようと思っても、残念ながら現時点でborder-image-radiusのようなcssプロパティはありません。ですので解決策としては擬似要素を利用することで、擬似的なborder-image-radiusを表現します。実際のコードをまじえて解説します。