border-right-style CSS プロパティとは
トピック：要素の右境界線のスタイルを個別に設定する、事ができる border-styleやborder-rightのような簡略化されたCSSプロパティが使いやすい
プロパティ border-right-style
実例 コード 1
サンプル コードを試すp { border-right-style: dashed; border-right-width: 3px;}
プロパティ 定義と使用法
| デフォルト値・初期値 : | none |
|---|
| 適用対象 : | 全要素.::first-letter. |
|---|
| 継承 : | 不可 |
|---|
| メディア : | visual |
|---|
| 計算値 : | 指定値 |
|---|
CSS Version | CSS1 ～ |
|---|
| Animation type : | discrete |
|---|
| JavaScript 構文 | object.style.borderRightStyle="dotted" |
|---|
| 正規順序 : | 形式文法で定義される一意のあいまいでない順序 |
|---|
| CSSの構文 | border-right-style: none |hidden |dotted |dashed |solid |double |groove |ridge |inset |outset |initial |inherit; |
|---|
プロパティ値
| 値 | 説明 |
|---|
none | 境界線を指定しません これはデフォルトです |
hidden | "none"と同じ、ただし、表要素の境界矛盾の解決を除く |
dotted | 点線の枠線を指定する |
dashed | 破線の枠線を指定する |
solid | 実線の境界線を指定する |
double | ダブルボーダーを指定する |
groove | 3Dグルーブの境界線を指定する 効果はボーダーカラー値に依存する |
ridge | 3D稜線を指定する 効果はボーダーカラー値に依存する |
inset | 3Dインセット境界を指定する 効果はボーダーカラー値に依存する |
outset | 3D開始境界線を指定する 効果はボーダーカラー値に依存する |
initial | このプロパティをデフォルト値に設定する |
inherit | 親要素からこのプロパティを継承する |
サポートするデスクトップ ブラウザ対応・互換性
| 機能 | Chrome | Firefox | Internet Explorer | Opera | Safari |
|---|
| 基本機能 | 1.0 | 1.0 | 5.5 | 9.2 | 1.0 |
|---|
サポートするモバイル ブラウザ対応・互換性
| 機能 | Android | Firefox Mobile | IE Phone | Opera Mobile | Safari Mobile |
|---|
| 基本機能 | 不明 | 不明 | 不明 | 不明 | 不明 |
|---|
CSS border-right-style | CSS プロパティ 値| 意味 使い方 実例 – WebRef