角丸CSS

こういうものがあるよーってことは知っていたんですが、使った見たことがなかったので、実際に使ってみよーってことで、ためしに！

えいや角丸になれ！

とう！

うんよいよー！

あ、IEには反映しないみたいです！IEユーザーさん申し訳ございません！

ちなみに記述方法はこんな感じです！

.kadomaru {
	-moz-border-radius: 0.65em;
	-webkit-border-radius: 0.65em;
}

場所ごとの指定はこのような感じです。

Firefox
	-moz-border-radius-topright: 0.65em; 
	-moz-border-radius-topleft: 0.65em;
	-moz-border-radius-bottomright: 0.65em;
	-moz-border-radius-bottomleft: 0.65em; 

Safari
	-webkit-border-top-left-radius: 0.65em;
	-webkit-border-top-right-radius: 0.65em;
	-webkit-border-bottom-left-radius: 0.65em;
	-webkit-border-bottom-right-radius: 0.65em;

コメント : 4

コメントフォーム
boc : 2009年03月10日 (火) 11:19

Firefox　3.0.7でも角丸になってねーぞー

kame : 2009年03月10日 (火) 13:10

うちの、3.07でいけてるよ？

boc : 2009年03月11日 (水) 21:39

あれ？いまみたら角丸になってる

まぁ、IEで見れない時点で使えないって烙印を押されちゃうのが残念です。

kame : 2009年03月11日 (水) 23:16

まぁー多分、CSSが反映されてなかったんだろうねぇ。

CSS3.0が使えるようになったら、
いろんなことが手軽にできるようになって楽そうなのにねー。いつになるのかな！！

トラックバック : 1

http://develo.org/mt/mt-tb.cgi/41

角丸CSS : 2010年5月 4日 02:07
丸角を表記を行いたかったのでググってみた Firefox -moz-border-radius-topright: px; -moz-border-rad...

このページの先頭へ戻る