¿Cómo puedo leer atributos HTML con JS y generar CSS dinamico?

[Alexis88]

Ahora sí está más claro. Bueno, en ese caso, creo que sería mejor si en lugar de fracciones, colocaras los valores porcentuales y luego de tomar a los elementos que tengan el pseudo-atributo data-celda, solo te queda tomar el valor del mismo, es decir:

Código HTML:

<div data-celda = "50%"></div>
<div data-celda = "25%"></div>
 

Código Javascript:

var celdas = document.querySelectorAll("[data-celda]"),
    total = celdas.length;
 
for (var i = 0; i < total; i++)
    celdas[i].style.width = celdas[i].getAttribute("data-celda");
 

Y lo de la forma data-* para los pseudo-atributos, es algo que la W3C determinó en el estándar HTML5 para la creación de atributos personalizados.

Saludos