角が取れて丸くなりました。

スタイルシートの黒透過させている四隅を


※丸くしてみました。



※一部除く





スタイルシートを弄るブラウザによって、使うプロパティが 異なります。


私は ＩＥ１０で スタイルシートを弄っているので


ｂｏｒｄｅｒ－ｒａｄｉｕｓ：５ｐｘ；


を 追加しました。


ｂｏｒｄｅｒ－ｒａｄｉｕｓが、角を丸くするプロパティです。






Ｇｏｏｇｌｅ Ｃｈｒｏｍｅは…


－ｗｅｂｋｉｔ－ｂｏｒｄｅｒ－ｒａｄｉｕｓ：５ｐｘ；






Ｆｉｒｅｆｏｘは…


－ｍｏｚ－ｂｏｒｄｅｒ－ｒａｄｉｕｓ：５ｐｘ；


を 追加します。


数字（５ｐｘ）の大きさによって、カーブの曲りを調整できます。


大文字で書きましたが 追加する時は、小文字にして下さい (^^;






ｂｏｒｄｅｒ－ｒａｄｉｕｓは ＣＳＳ３のプロパティですが


ＩＥで ご覧の方で 角丸になっていない方は…


ＣＳＳ３に対応していない バージョンなので、角丸になりません (^^;


ＣＳＳ３に対応していないバージョンでも


ＣＳＳ３の一部の項目が 有効になるスクリプトを使えば…


角丸にすることが できるみたいですが


みんカラはスクリプトが 使えないので 無理かも…


Ｇｏｏｇｌｅ Ｃｈｒｏｍｅ、Ｆｉｒｅｆｏｘは、最新のバージョンにしているので


どのバージョンまで 対応しているかは わかりません (^^;






プレビューでは、角丸になっているのに


保存できない場所があって 骨が折れましたが


気合で角丸にしました（笑）


角丸にすることによって スタイルシートが


柔らかい雰囲気になるので 気に入っています (^^)


オシャレに なりました (o^-^o)






『ｂｏｒｄｅｒ－ｒａｄｉｕｓは、ＩＥ１０に対応している』


ことが、確認できました。ここ重要です (^^)






ここまで マニアックな話になりましたが


晩ご飯は 辛子明太子パスタを作りました。








このギャップが、私らしいです（笑）


湯切りしたパスタにバターと辛子明太子を絡ませ、海苔をトッピングしました。


パスタに使ったのは バターと辛子明太子と海苔のみですが


一口食べて『美味い♪』 と 言っちゃいました (^^)


残ったパスタを全部使ったので、３人前は あったと思いますが 完食しました (^^♪


海苔を雑に切ったのが、悔やまれます（笑）


次はビールではなく ワインで イッちゃいたいです (^^♪