Englisch [ˈbɔ:də stail] US [ˈbɔrdɚ staɪl]

Kantenstil

Javascript-BorderStyle-Eigenschaft Syntax

Funktion: Legen Sie den Rahmenstil für alle vier Ränder fest oder geben Sie ihn zurück.

Syntax: Object.style.borderStyle=style

Parameter: none Definiert keinen Rahmen. versteckt ist dasselbe wie „none“. Außer bei Anwendung auf Tabellen, bei denen „hidden“ zur Lösung von Randkonflikten verwendet wird. dotted definiert einen gepunkteten Rand. Wird in den meisten Browsern als durchgezogene Linie dargestellt. dashed definiert eine gestrichelte Linie. Wird in den meisten Browsern als durchgezogene Linie dargestellt. solid definiert eine durchgezogene Linie. double definiert Doppellinien. Die Breite der Doppellinie entspricht dem Wert von border-width. Groove definiert den 3D-Rillenrand. Der Effekt hängt vom Wert von border-color ab. Grat definiert eine 3D-Kammgrenze. Der Effekt hängt vom Wert von border-color ab. Inset definiert den 3D-Einfügungsrand. Der Effekt hängt vom Wert von border-color ab. Anfang definiert den 3D-Anfangsrand. Der Effekt hängt vom Wert von border-color ab.​

Javascript-BorderStyle-Eigenschaft Beispiel

<html>
<head>
<style>
p
{ 
border: thick solid #FF0000
}
</style>

<script type="text/javascript">
function changeBorder()
{
document.getElementById("p1").style.borderStyle="dotted double";
}
</script>

</head>
<body>

<form>
<input type="button" onclick="changeBorder()" 
value="Change paragraph border style" />
</form>

<p id="p1">This is a paragraph</p>

</body>
</html>

Instanz ausführen »

Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen