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