Propiedad de ancho de esquema CSS
Ejemplo
Establecer el ancho de un contorno:
div {outline-width: thick;}
Más ejemplos de "Pruébelo usted mismo" a continuación.
Definición y uso
Un contorno es una línea que se dibuja alrededor de los elementos, fuera de los bordes, para que el elemento "resalte".
especifica el outline-width
ancho de un contorno.
Nota: Siempre declare la propiedad de estilo de contorno antes de la
outline-width
propiedad. Un elemento debe tener un contorno antes de cambiar su ancho.
Valor por defecto: | medio |
---|---|
Heredado: | No |
Animable: | si, ver propiedades individuales . Leer sobre animable |
Versión: | CSS2 |
Sintaxis de JavaScript: | objeto .style.outlineWidth="12px" |
Consejos y notas
Nota: ¡Los contornos difieren de los bordes ! A diferencia del borde, el contorno se dibuja fuera del borde del elemento y puede superponerse a otro contenido. Además, el contorno NO forma parte de las dimensiones del elemento; el ancho y la altura totales del elemento no se ven afectados por el ancho del contorno.
Compatibilidad con navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
Property | |||||
---|---|---|---|---|---|
outline-width | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Sintaxis CSS
outline-width: medium|thin|thick|length|initial|inherit;
Valores de propiedad
Value | Description | Play it |
---|---|---|
medium | Specifies a medium outline. This is default | |
thin | Specifies a thin outline | |
thick | Specifies a thick outline | |
length | Allows you to define the thickness of the outline. Read about length units | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Más ejemplos
Ejemplo
Establezca el ancho del contorno en medio (esto es predeterminado):
div {outline-width: medium;}
Ejemplo
Establezca el ancho del contorno en delgado:
div {outline-width: thin;}
Ejemplo
Establezca el ancho del contorno en 1px:
div {outline-width: 1px;}
Ejemplo
Establezca el ancho del contorno en 15px:
div {outline-width: 15px;}
páginas relacionadas
Tutorial de CSS: esquema de CSS
Referencia CSS: propiedad de contorno
Referencia HTML DOM: propiedad outlineWidth