ホームページ制作＆SEO
枠線のスタイルの指定とは、『どのような形の線を指定するのか』ということです。
以下のように記述ることにより、その記述された<p>で囲まれた箇所にオーソドックスな枠線をつけることができます。
| <p style="border-style:solid;"> |
オーソドックスな枠線をつけています。
上の赤文字のsolidというタグが、オーソドックスな1本線を意味しています。
また、以下のように指定することにより、二重線をつけることができます。
| <p style="border-style:double;"> |
二重線をつけています。
上の赤文字のdoubleというタグが、二重線を意味しています。
以下のように<head>内に記述することにより、その記述されたページの<p>で囲まれた箇所全てに、オーソドックスな枠線をつけることができます。
解りやすいよう、<head>から記述します。この場合の表示は前のものと同じなので省きます。
| <head> <style type="text/css"> <!--p{border-style:solid;}--> </style> </head> |
以下のように外部CSSファイルに記述することにより、そのファイルの読み込まれたページの<p>で囲まれた箇所全てに、オーソドックスな枠線を表示させることができます。この場合の表示も前のものと同じなので省きます。
| 記述 | 内容 |
| none | 枠線なし |
| ridge | 立体的に浮き出た線 |
| groove | 立体的にくぼんだ線 |
| outset | 線だけでなく、全体が浮き出たように見える線 |
| inset | 線だけでなく、全体がくぼんだように見える線 |
| dotted | 点線 |
| dashed | 破線 |