枠線の太さを設定しよう!<BACK NEXT>枠線の色を設定しよう!
枠線のスタイルを指定するプロパティと使用例のページ内リンク border-top-style プロパティ / border-bottom-style プロパティ / border-left-style プロパティ / border-right-style プロパティ / border-style プロパティ / 枠線のスタイルの種類 / 使用例 / 使用例の表示 使用プロパティ セレクタ { border-top-style: スタイル; }CSS一覧プロパティ辞典 … border-top-style プロパティ border-top-style プロパティを使うと、枠線の上側の枠のスタイルを指定できます。値の表示例は「枠線のスタイルの種類」を参考にしてください。 使用プロパティ セレクタ { border-bottom-style: スタイル; }CSS一覧プロパティ辞典 … border-bottom-style プロパティ border-bottom-style プロパティを使うと、枠線の下側の枠のスタイルを指定できます。値の表示例は「枠線のスタイルの種類」を参考にしてください。 使用プロパティ セレクタ { border-left-style: スタイル; }CSS一覧プロパティ辞典 … border-left-style プロパティ border-left-style プロパティを使うと、枠線の左側の枠のスタイルを指定できます。値の表示例は「枠線のスタイルの種類」を参考にしてください。 使用プロパティ セレクタ { border-right-style: スタイル; }CSS一覧プロパティ辞典 … border-right-style プロパティ border-right-style プロパティを使うと、枠線の右側の枠のスタイルを指定できます。値の表示例は「枠線のスタイルの種類」を参考にしてください。 使用プロパティ セレクタ { border-style: スタイル; }CSS一覧プロパティ辞典 … border-style プロパティ border-style プロパティを使うと、枠線の上下左右の枠のスタイルをまとめて指定できます。値の表示例は「枠線のスタイルの種類」を参考にしてください。また、値を1個から4個指定可能で、並べた値の数よって意味が変わります。詳細は下の「[border-styleプロパティの値]」という表をご覧ください。
枠線のスタイルの種類
画像リンクの枠線を非表示にしよう!枠線のスタイルのキーワードには「none」という値があります。このキーワードを使うと、画像をリンクにしたときに表示される枠線を非表示にできます。 使用例border-left-styleプロパティ、border-right-styleプロパティを使用し、h1 要素の左右のみに枠線を表示しよう!
使用例の表示
このように h1 要素の左右にだけ枠線を指定しました! 枠線の太さを設定しよう!<BACK <TOP> <コース目次> NEXT>枠線の色を設定しよう!
|
ゼロから始めよう!わかりやすい!ホームページ作成ガイド
|