最新のWeb開発のチュートリアル
 

Style borderTopStyle Property

<スタイルオブジェクト

追加"solid"に上部の境界線を<div>要素:

document.getElementById("myDiv").style.borderTopStyle = "solid";
»それを自分で試してみてください

定義と使用法

borderTopStyleプロパティセットまたは要素の上部の境界線のスタイルを返します。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


<スタイルオブジェクト