CSSの一括指定 「border-radius」

参考サイト

webliker.info

自分なりにまとめてみました。

↑「border-radius」＝４個の角をまとめて指定するコード

１border-top-left-radius:左上の角丸

2.border-top-right-radius:右上の角丸

3.border-bottom-rightv-radius:右下の角丸

4.border-bottom-left-radius:左下の角丸

※bottom＝下

ショートハンドの例

１.border-radius:  １ 　 ２　  ３　  ４

.el{border-raidius: 10px 15px 20px 30px

2.border-radius:    １ 　 ２３  ４

.el{border-raidius: 10px 15px 20px 

3.border-radius:  １２   ３４

.el{border-raidius: 10px 15px 

4.border-radius:    １２３４

.el{border-raidius: 10px