 |
カーナビ機能試験ページ（外枠関連） |  |
|
カーナビ機能試験ページ（外枠関連） | |
border：ボーダーのスタイル・太さ・色を指定する
| 外部ファイル | <style>タグ | style属性 |
dashed 5px #0000FF |
dashed 5px #0000FF |
dashed 5px #0000FF |
border-style：ボーダーのスタイルを指定する
| 外部ファイル | <style>タグ | style属性 |
|
上下左右：1本線
上下：1本線
左右：2本線 上：1本線
左右：2本線 下：破線 上：1本線
右：2本線 下：破線 左：点線 groove
窪んだ線 ridge
隆起した線 inset
領域全体が 窪んだ線 outset
領域全体が 隆起した線 |
上下左右：1本線
上下：1本線
左右：2本線 上：1本線
左右：2本線 下：破線 上：1本線
右：2本線 下：破線 左：点線 groove
窪んだ線 ridge
隆起した線 inset
領域全体が 窪んだ線 outset
領域全体が 隆起した線 |
上下左右：1本線
上下：1本線
左右：2本線 上：1本線
左右：2本線 下：破線 上：1本線
右：2本線 下：破線 左：点線 groove
窪んだ線 ridge
隆起した線 inset
領域全体が 窪んだ線 outset
領域全体が 隆起した線 |
border-width：ボーダーの太さを指定する
| 外部ファイル | <style>タグ | style属性 |
|
上下左右：1px
上下：1px
左右：3px 上：1px
左右：3px 下：6px 上：1px
右：3px 下：6px 左：9px |
上下左右：1px
上下：1px
左右：3px 上：1px
左右：3px 下：6px 上：1px
右：3px 下：6px 左：9px |
上下左右：1px
上下：1px
左右：3px 上：1px
左右：3px 下：6px 上：1px
右：3px 下：6px 左：9px |
border-color：ボーダーの色を指定する
| 外部ファイル | <style>タグ | style属性 |
|
上下左右：青
上下：青
左右：赤 上：青
左右：赤 下：緑 上：青
右：赤 下：緑 左：黒 |
上下左右：青
上下：青
左右：赤 上：青
左右：赤 下：緑 上：青
右：赤 下：緑 左：黒 |
上下左右：青
上下：青
左右：赤 上：青
左右：赤 下：緑 上：青
右：赤 下：緑 左：黒 |
border-top：上ボーダーのスタイル・太さ・色を指定する
| 外部ファイル | <style>タグ | style属性 |
solid 5px #0000FF |
solid 5px #0000FF |
solid 5px #0000FF |
border-top-style：上ボーダーのスタイルを指定する
| 外部ファイル | <style>タグ | style属性 |
dotted |
dotted |
dotted |
border-top-width：上ボーダーの太さを指定する
| 外部ファイル | <style>タグ | style属性 |
5px |
5px |
5px |
border-top-color：上ボーダーの色を指定する
| 外部ファイル | <style>タグ | style属性 |
#FF0000 |
#FF0000 |
#FF0000 |
border-bottom：下ボーダーのスタイル・太さ・色を指定する
| 外部ファイル | <style>タグ | style属性 |
solid 5px #0000FF |
solid 5px #0000FF |
solid 5px #0000FF |
border-bottom-style：下ボーダーのスタイルを指定する
| 外部ファイル | <style>タグ | style属性 |
dotted |
dotted |
dotted |
border-bottom-width：下ボーダーの太さを指定する
| 外部ファイル | <style>タグ | style属性 |
5px |
5px |
5px |
border-bottom-color：下ボーダーの色を指定する
| 外部ファイル | <style>タグ | style属性 |
#FF0000 |
#FF0000 |
#FF0000 |
border-left：左ボーダーのスタイル・太さ・色を指定する
| 外部ファイル | <style>タグ | style属性 |
solid 5px #0000FF |
solid 5px #0000FF |
solid 5px #0000FF |
border-left-style：左ボーダーのスタイルを指定する
| 外部ファイル | <style>タグ | style属性 |
dotted |
dotted |
dotted |
border-left-width：左ボーダーの太さを指定する
| 外部ファイル | <style>タグ | style属性 |
5px |
5px |
5px |
border-left-color：左ボーダーの色を指定する
| 外部ファイル | <style>タグ | style属性 |
#FF0000 |
#FF0000 |
#FF0000 |
border-right：右ボーダーのスタイル・太さ・色を指定する
| 外部ファイル | <style>タグ | style属性 |
solid 5px #0000FF |
solid 5px #0000FF |
solid 5px #0000FF |
border-right-style：右ボーダーのスタイルを指定する
| 外部ファイル | <style>タグ | style属性 |
dotted |
dotted |
dotted |
border-right-width：右ボーダーの太さを指定する
| 外部ファイル | <style>タグ | style属性 |
5px |
5px |
5px |
border-right-color：右ボーダーの色を指定する
| 外部ファイル | <style>タグ | style属性 |
#FF0000 |
#FF0000 |
#FF0000 |