Modificar borde y márgenes de capa en css con Javascript

[JBRS]

Buenas,

Desde hace tiempo utilizo un javascript para ocultar y mostrar datos:

document.getElementById(id).style.display = visibility;

Estoy intentando con algo parecido cambiar la existencia o no de bordes y el margen de la capa... ¿cómo debería hacerlo?

¡muchas gracias!

[caricatos]

Hola:

visibility no es ningún atributo válido para display, aunque al no estar entrecomillado, se tratará de una variable tal que:

var visibility = "block";

Con bordes y márgenes es igual, pero border mezcla 3 cosas, size, style y color... por ejemplo, te valdría algo así (con tu sintaxis...

document.getElementById(id).style.border = "5px ridge aqua";

...

que sería igual a:


document.getElementById(id).style.borderSize = "5px";
document.getElementById(id).style.borderStyle = "ridge";
document.getElementById(id).style.borderColor = "aqua";

Con los márgenes es algo parecido, pero con más posibilidades... 1 valor es para los 4 márgenes iguales; 2 valores son para los horizontales primero y verticales luego; cuatro valores valen para los 4 márgenes empezando por el superior y siguiendo el sentido de las agujas del reloj... de lo que no me acuerdo (y no suelo usar", son tres valores...

Saludos

[zerokilled]

que tal gente!
cuando son tres valores: el primero para el superior, el segundo para los laterales, y el tercero para el inferior. @jbrs, en w3schools tiene una lista completa de todas las propiedades css. al visitar una propiedad en particular, en la tabla de "definicion y uso" se encuentra el equivalente para javascript.

[caricatos]

Hola:

Iniciado por zerokilled

...se encuentra el equivalente para javascript.

Bueno, los equivalentes javascript se deducen simplemente con la norma de que se escriben igual (minúsculas), y los estilos compuestos (con guiones) se eliminan los guiones y se capitaliza la letra que sigue...

... tal como el ejemplo:

border-color -> borderColor

Saludos