Ejemplo
Establecer el ancho de un esquema:
p
{
outline-style: dotted;
outline-width: 5px;
}
Inténtalo tú mismo " Definición y Uso
Un esquema es una línea que se dibuja alrededor de los elementos (outside the borders) para hacer que el elemento "stand out" .
El esquema de ancho especifica el ancho de un esquema.
Note: declarar siempre la propiedad de estilo de esquema antes de la propiedad de esquema de ancho. Un elemento debe tener un esquema antes de cambiar el ancho de la misma.
| Valor por defecto: | medium |
|---|---|
| Heredado: | no |
| animatable: | yes, see individual properties . Read about animatable Try it |
| Versión: | CSS2 |
| la sintaxis de JavaScript: | object .style.outlineWidth="2px" Try it |
Notas y sugerencias
Un esquema es una línea alrededor de un elemento. Se muestra todo el margen del elemento. Sin embargo, es diferente de la propiedad border.
El esquema no es una parte de las dimensiones del elemento, por lo tanto, las propiedades de anchura y altura del elemento no contienen el ancho del contorno.
Soporte para el navegador
Los números de la tabla especifican la primera versión del navegador que es totalmente compatible con la propiedad.
| Propiedad | |||||
|---|---|---|---|---|---|
| outline-width | 1.0 | 8.0 | 1.5 | 1.2 | 7.0 |
Note: IE8 es compatible con la propiedad de esquema de ancho sólo si se especifica un! DOCTYPE.
sintaxis CSS
outline-width: medium|thin|thick|length|initial|inherit;Valores de propiedad
| Valor | Descripción | Juegalo |
|---|---|---|
| medium | Especifica un esquema medio. Esto es por defecto | Juegalo " |
| thin | Especifica un esquema fino | Juegalo " |
| thick | Especifica un esquema de espesor | Juegalo " |
| length | Permite definir el grosor del contorno | Juegalo " |
| initial | Establece esta propiedad a su valor por defecto. Lea acerca inicial | Juegalo " |
| inherit | Hereda esta propiedad de su elemento padre. Lee sobre heredar |
Páginas relacionadas
CSS tutorial: Esquema CSS
Referencia CSS: outline property
Referencia HTML DOM: outlineWidth property