指定した幅の半分にちゃんとなっていますね。ボーダー領域内で、領域の外側の境界線を守って痩せているのがわかります。指定したボーダー領域の外側の境界線から内側に太っていますね。1.5%のサンプルその1。ボーダー領域も含んだ要素の幅と高さに対しての%です。ボーダーの太さは上下左右30pxにしました。上は20%、左右は2%、下は10%で指定。10%%のサンプルその2。ボーダー領域が無くなって、さっきより高さが小さくなりました。先ほどと同じ指定ですが、上と下の辺は細く見えますね。10%autoのサンプルです。値と同じになるんですよね。指定したのと同じです。サンプルをいろいろ作っていて思ったこと。borderを指定する。不要かと(デフォが1なので)。(ここまで読んでいただいてコレではアレですが。笑)太さを変える必要があるときだけ、このプロパティで倍数(単位無し)指定すれば良いと思います。ボーダー領域の外側にボーダーイメージを広げることができます。デフォルト値は「0」です。単位無しでborder-widthの倍数で指定。単位を使えば、そのまま広げるサイズを指定できます。collapseのモノはダメ)こちらも、先ほどのスライスと同じように、1〜4つの値で指定できます。値が2つの場合、上下、左右の値ということ。