Detailed analysis of Outlines in CSS

Description:

A line drawn around the element, located outside the edge of the border, can highlight the element and does not occupy space.

In Not available under IE.

##outline Composite attribute outline:outline-color||outline-style||outline-width ##outline-color invert: default value, use the inverse color of the background color ##outline-style Set or retrieve the style of the line outline outside the object none:default value dashed:dotted outline outline-width Set or retrieve The width of the line outline outside the object medium:default.Default width thick:greater than the default width

Property	Description	Remarks
	Sets or retrieves the line outline outside the object, and the outer outline (outline) is drawn on the border (border) The outside is not necessarily a rectangle
Settings Or retrieve the color of the line outline outside the object	color: color
	dotted:dotted outline	solid:solid outline double: Double-line outer contour groove: Draw the 3D groove outer contour according to the value of outline-color ridge: Draw the 3D convex groove outer contour according to the value of outline-color inset: Draw the outer contour of the 3D groove according to the value of outline-color Draw a 3D concave outer contour based on the value of color outset: Draw a 3D convex outer contour based on the value of outline-color
	thin:less than the default width	length:length

Example:

The effect under Firefox

The above is the detailed content of Detailed analysis of Outlines in CSS. For more information, please follow other related articles on the PHP Chinese website!