枠線の設定
ライオン画像に枠線を設定します。
ノート
- 枠線はスタイルシートの「border」プロパティで指定します。
- borderプロパティでは枠線の太さ、色、スタイルを一括して指定できます。
- それぞれを半角スペースをあけて任意の順序で列挙します。
- 枠線の太さは数値にpx、em、exなどの単位を付けて指定します。数値以外にも下記のキーワードでも指定することができます。
thin:細い線、medium:普通の線、thick:太い線
- 枠線の色は#ff0000などのRGB値、redなどのカラーネームで指定します。
- 枠線のスタイルは下記のような状態を示す用語で指定します。
solid:1本線、double:2本線(太さは3px以上にします)、dashed:破線、dotted:点線、ridge:立体的に隆起した線、groove:立体的に窪んだ線 等
- 上記サンプルは画像左から
border指定無し
1px #000 solid : 幅 1px黒色の実線
5px #f00 dotted: 幅 5px赤色の点線
15px #00ff7f dashed: 幅 15px#00ff7fの破線
戻る