ようこそ ゲスト さん、新規登録（無料）して気になる疑問を解決しませんか？
はじめての方へ｜ヘルプ｜FAQ

質問
質問者：tackross なぜli要素のblockが角丸に
困り度：
  • 暇なときにでも
 下のサイトなんですが、
​http://www.i2i.jp/fx/currency_pair.php​
<div id="globel_navi">の中の<li>の上部が角丸矩形になっています。
なぜ角丸になるのでしょうか？
画像を見ると普通の長方形ですし、CSSファイルを見ても分かりません。
#globel_navi li a {
padding: 8px 0 0 0;
display: block;
color: #FFFFFF;
width: 100px;
height: 17px;
background: url("​http://www.i2i.jp/fx/n_img/g_off.gif")​ no-repeat;
font-size: 11px;
text-align: center;
}

またもう一つ疑問なのですが、
liの高さは25pxあります。試しにパディングの8pxを0にするとテキストが上にぴったりと着き、liの高さが17pxとなりました。
パディングはheight17pxにプラスする形になっているのですが、パディングとはボックスのheightの中に含まれるのではないのでしょうか？（ボックスの内壁と内容との間の距離なのでは？）

上記のことがどうしても分かりません。
お教えいただけますでしょうか。
質問投稿日時：08/04/05 19:39
質問番号：3924819
この質問に対する回答は締め切られました。

回答

良回答20pt
回答者：key-child > 画像を見ると普通の長方形ですし

いや、角丸


> liの高さは25pxあります。試しにパディングの8pxを0にするとテキストが上にぴったりと着き、liの高さが17pxとなりました。
> パディングはheight17pxにプラスする形になっているのですが、パディングとはボックスのheightの中に含まれるのではないのでしょうか？（ボックスの内壁と内容との間の距離なのでは？）

正しい知識を得たい人の爲のCSS2リファレンス
ボックスの概要と寸法
​http://hp.vector.co.jp/authors/VA022006/css/box.html#introduction-box​
種類：回答
どんな人：経験者
自信：自信あり
回答日時：08/04/06 07:48
回答番号：No.1
この回答へのお礼回答ありがとうございます。

＞いや、角丸
うっ、あわててもう一度画像URLをブラウザのアドレスバーに入れて見てみましたが、やはり長方形に見える。
画像を保存してから画像編集ソフトで拡大して見てみると、
「か、角丸」・・・orz
失礼いたしました、角丸でした(^^;

＞正しい知識を得たい人の爲のCSS2リファレンス
ボックスの概要と寸法

うぅ、どこかで思い違いしておりました。
tableのセルと同じですよね。

すっきりしました。
まことにありがとうございました。
 
このページのトップへ