¿Cómo puedo enviar el CSS:WIDTH por medio de un DATA-ROW?

quico5 · #1 (**permalink**) 27/06/2014, 03:13

Busco leyendo el número de <div data-row='960px'> establecer el ancho usando css, gracias

Código HTML:

<!DOCTYPE html>
<html lang='es'>
<head>
	<meta charset='UTF-8'>
	<title>Document</title>
	<style>
		[data-row] {display:table; margin:0 auto;}
		[data-row^='960'] {width: 960px;}
		[data-cel] {display:table-cell; vertical-align:top; padding:0 5px;}
	</style>
</head>
<body>
	<div data-row='960px'>
		<div data-cel>
			prueba
		</div>
		<div data-cel>
			prueba
		</div>
	</div>
</body>
</html>

pzin · #2 (**permalink**) 27/06/2014, 03:48

Pues debería de funcionar tal cual lo tienes. [data-row^='960'] está bien.

quico5 · #3 (**permalink**) 27/06/2014, 04:15

Hola pzin, gracias por responder

Es correcto, ese código funciona, pero lo que busco es dejarlo como la siguiente linea

Código HTML:

[data-row] {display:table; margin:0 auto; width:attr(data-row);}

pzin · #4 (**permalink**) 27/06/2014, 04:37

Eso también debería de funcionar, según la especificación, pero creo que ningún navegador lo soporta. Aunque creo que la teoría si mal no recuerdo era más bien algo así:

Código:

data-row="960"
width: attr(data-row px);

quico5 · #5 (**permalink**) 27/06/2014, 05:31

Gracias de nuevo

Vaya, bueno siempre puedo completarlo por js

pzin · #6 (**permalink**) 27/06/2014, 06:36

De todas formas mucho sentido no tiene esto de:

Código CSS:

Ver original[data-row='960'] {
  width: attr(data-row px);
}

Porque siempre serían 960 píxeles.