Anglais [ˈbɔ:də stail] US [ˈbɔrdɚ staɪl]
Edge style
propriété javascript borderStyle syntaxe
Fonction : Définissez ou renvoyez le style de bordure pour les quatre bordures.
Syntaxe : Object.style.borderStyle=style
Paramètres : none Ne définit aucune bordure. caché équivaut à "aucun". Sauf lorsqu'il est appliqué aux tables, pour lesquelles Hidden est utilisé pour résoudre les conflits de bordure. dotted définit une bordure en pointillés. S'affiche sous la forme d'une ligne continue dans la plupart des navigateurs. pointillé définit une ligne pointillée. S'affiche sous la forme d'une ligne continue dans la plupart des navigateurs. solid définit une ligne continue. double définit des lignes doubles. La largeur de la double ligne est égale à la valeur de border-width. groove définit la bordure du groove 3D. L'effet dépend de la valeur de border-color. ridge définit une bordure de crête 3D. L'effet dépend de la valeur de border-color. encart définit la bordure d'encart 3D. L'effet dépend de la valeur de border-color. Outset définit la bordure initiale 3D. L'effet dépend de la valeur de border-color.
propriété javascript borderStyle exemple
<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>Exécuter l'instance »
Cliquez sur le bouton « Exécuter l'instance » pour afficher l'instance en ligne