例
追加"solid"に上部の境界線を<div>要素:
document.getElementById("myDiv").style.borderTopStyle = "solid";
»それを自分で試してみてください 定義と使用法
borderTopStyleプロパティセットまたは要素の上部の境界線のスタイルを返します。
ブラウザのサポート
borderTopStyleプロパティは、すべての主要なブラウザでサポートされています。
構文
borderTopStyleプロパティを返します:
object .style.borderTopStyle
borderTopStyleプロパティを設定します。
object .style.borderTopStyle= value |initial|inherit
プロパティ値
値 | 説明 |
---|---|
none | 何の境界線を定義します。 これがデフォルトです |
hidden | 同じ"none"のテーブル要素のための国境紛争解決を除いて、 |
dotted | 点線の境界線を定義します |
dashed | 点線の境界線を定義します |
solid | 固体の境界線を定義します |
double | 2つの境界を定義します。 2つの境界の幅は、ボーダー幅の値と同じです |
groove | 3D溝付き境界線を定義します。 効果はボーダー色の値に依存します |
ridge | 3D隆起境界線を定義します。 効果はボーダー色の値に依存します |
inset | 3Dのインセットの境界線を定義します。 効果はボーダー色の値に依存します |
outset | 3D当初の境界線を定義します。 効果はボーダー色の値に依存します |
initial | このプロパティがデフォルト値に設定します。 最初の記事を読みます |
inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
技術的な詳細
デフォルト値: | なし |
---|---|
戻り値: | 要素の上の境界のスタイルを表す文字列、 |
CSSのバージョン | CSS1 |
その他の例
例
上境界線のスタイルを変更して<div>要素に"dotted" :
document.getElementById("myDiv").style.borderTopStyle = "dotted";
»それを自分で試してみてください 例
上部の境界線のスタイルを返します<div>要素を:
alert(document.getElementById("myDiv").style.borderTopStyle);
»それを自分で試してみてください 例
すべての異なる値のデモ:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderTopStyle = listValue;
»それを自分で試してみてください 関連ページ
CSSチュートリアル: CSSボーダー
CSSリファレンス: border-top-style property
HTML DOMリファレンス: border property
<スタイルオブジェクト