Comment puis-je déterminer la hauteur et la largeur d'une bordure de jeu de champs?

Question

J'ai un fieldset et je voudrais déterminer en JavaScript la hauteur (épaisseur) des bordures en haut (y compris la légende) et en bas, aussi la largeur des bordures à gauche et à droite.

J'essaie de redimensionner une table JavaScript située dans le fieldset afin que la table fieldset + soit dimensionnée pour tenir dans une zone particulière de la page. Si je place la table aux dimensions de la zone alors le combo fieldset + table est trop grand pour la zone, donc j'ai besoin de soustraire l'espace que prend la bordure du fieldset.

Merci.

Answer 1

var fieldset = document.getElementsByTagName("fieldset")[0]; 
alert(getStyle(fieldset, "borderTopWidth")); 
alert(getStyle(fieldset, "paddingTop")); 

//http://www.quirksmode.org/dom/getstyles.html 
function getStyle(el,styleProp) 
{ 
    if (el.currentStyle) 
     var y = el.currentStyle[styleProp]; 
    else if (window.getComputedStyle) 
     var y = document.defaultView.getComputedStyle(el,null).getPropertyValue(styleProp); 
    return y; 
}