角丸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...

このページの先頭へ戻る