Beispiel
Fügen Sie eine "solid" Grenze zu einem <div> Elemente:
document.getElementById("myDiv").style.borderStyle = "solid"; Versuch es selber " Definition und Verwendung
Die Eigenschaft Border Sets oder gibt den Stil eines Grenze des Elements.
Diese Eigenschaft kann von einem bis vier Werte annehmen:
- Ein Wert, wie: p {border-style: solid} - alle vier Ränder sind fest
- Zwei Werte, wie: p {border-style: solid gepunkteten} - obere und untere Grenze ist fest, linke und rechte Rand wird punktiert
- Drei Werte, wie: p {border-style: solid gepunkteten Doppel} - oberen Rand wird solide, linken und rechten Rand wird punktiert werden, wird unten Grenze sein Doppel
- Vier Werte, wie: p {border-style: solid ein punktierte doppelte gestrichelte} - oberer Rand wird fest, wird rechtser Rand punktiert wird, werden untere Ränder Doppel werden, linke Grenze wird gestrichelt
Browser-Unterstützung
Die Eigenschaft Border ist in allen wichtigen Browsern unterstützt.
Syntax
Bringen Sie die Borderstyle-Eigenschaft:
object .style.borderStyle
Legen Sie die Borderstyle-Eigenschaft:
object .style.borderStyle= Eigenschaftswerte Wert Beschreibung none Definiert keine Grenze. Dies ist die Standardeinstellung hidden Das gleiche wie "none" , außer in Auflösung Grenzkonflikt für Tabellenelemente dotted Definiert eine punktierte Grenze dashed Definiert eine gestrichelte Umrandung solid Definiert eine feste Grenze double Definiert zwei Grenzen. Die Breite der beiden Grenzen sind die gleichen wie die Grenze Breitenwert groove Definiert einen 3D gerillten Rand. Die Wirkung hängt von dem Grenzfarbwert ridge Definiert einen 3D geriffelten Rand. Die Wirkung hängt von dem Grenzfarbwert inset Definiert eine 3D-Einschub Grenze. Die Wirkung hängt von dem Grenzfarbwert outset Definiert eine 3D Anfang Grenze. Die Wirkung hängt von dem Grenzfarbwert initial Setzt diese Eigenschaft auf den Standardwert. Lesen Sie mehr über Anfang inherit Erbt diese Eigenschaft von seinem übergeordneten Elemente. Lesen Sie mehr über erben
Technische Details
Standardwert: keiner Rückgabewert: Ein String, die den Stil eines Elements Grenz CSS Version CSS1
Mehr Beispiele
Beispiel
Ändern Sie den Stil der vier Grenzen eines <div> Element:
document.getElementById("myDiv").style.borderStyle = "dotted solid double
dashed";
Versuch es selber "
Beispiel
Bringen Sie die Grenze Stil eines <div> Element:
alert(document.getElementById("myDiv").style.borderStyle); Versuch es selber "
Beispiel
Eine Demonstration aller unterschiedlichen Werte:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.borderStyle = listValue; Versuch es selber "
Verwandte Seiten
CSS Tutorial: CSS Border
CSS - Referenz: border-style property - border-style property
HTML - DOM - Referenz: border property
<Style - Objekt