2010-11-05 6 views
8

Me preguntaba si puedo especificar algún tipo de medio CSS en el atributo de estilo. y ¿qué puedo especificar en el atributo de estilo?¿Puedo especificar tipos de medios CSS en el atributo de estilo?

+0

Me encuentro con esta misma pregunta ahora, específicamente relacionada con el estilo de correo electrónico de una manera en la que podemos ocultar ciertas cosas cuando se está imprimiendo el correo electrónico. Útil para facturas donde no queremos que se impriman todos los detalles ... –

Respuesta

5

No es que yo sepa. Su mejor opción es definir un class en lugar de estilos en línea. Entonces, tendrás más flexibilidad.

Puede incluir diferentes hojas de estilo especificando el atributo media en su etiqueta link para incluir una hoja de estilo, o también puede especificar que las reglas dentro de una hoja de estilo solo se apliquen a un medio determinado.

Por ejemplo:

Incluyendo un archivo CSS mediante la especificación de un medio de comunicación:

<link media="print" href="styles.css" type="text/css" rel="stylesheet"> 

Especificación de un medio de comunicación dentro de una hoja de estilo:

@media print 
{ 
    .myStyle { display: none; } 
} 

También, ver el W3C media type list para todas sus opciones .

3

No puede especificar el tipo de medio, pero puede especificar las propiedades de CSS que admita el elemento.

+0

¿En serio, downvoter? Esta es información precisa y fue la primera respuesta dada (por lo tanto, no copiada de una de las otras). De hecho, las otras respuestas, aunque más detalladas, están de acuerdo y podrían interpretarse como elaboraciones en este caso. – Robusto

0

Puede especificar una lista delimitada de ; de property: value pares. Puede no incluir el tipo de medio.

El 99% del tiempo, es mejor usar una hoja de estilo externa. Yo uso el atributo style principalmente para animar el elemento a través de JavaScript. Ocasionalmente utilizo el style para especificar una imagen de fondo (donde es dinámica y se hace eco de la marcación), donde sería demasiado engorroso agregar un preprocesador a mis archivos CSS sin formato.

1

Tipos de soporte es específico de las hojas de estilo solamente, según la especificación W3 CSS:

Una de las características más importantes de hojas de estilo es que especifican cómo un documento se presentará en diferente medios de comunicación: en la pantalla, en papel, con un sintetizador de voz, con un dispositivo braille, etc.

Ref: http://www.w3.org/TR/CSS21/

Lo único que se puede especificar en el atributo de estilo es propiedad: pares de valores para diseñar el elemento específico.

Cuestiones relacionadas