How to use CSS outline with div tag

DOWNLOAD Output file

CSS Outline

An outline is a line that is drawn around elements (outside the borders) to make the element "stand

out".

However, the outline property is different from the border property.

The outline is not a part of an element's dimensions; the element's total width and height is not affected

by the width of the outline.

All CSS Outline Properties

The number in the "CSS" column indicates in which CSS version the property is defined (CSS1 or CSS2).

Comments

HOW TO CREATE BORDER USING HTML AND CSS

A border in your hypertext mark-up language pages will facilitate bring attention to an area of text or surround the other hypertext mark-up language component. As is seen below a border is created around any text victimization hypertext mark-up language and CSS on your website. within the example below we've enclosed a paragraph (<p></p>) with a red border. In the on top of code, the fashion is process the border size (px short for pixel), style type, and border color. the fashion of the border is however the border seems on screen. alternative kinds of border designs embrace dotted, dashed, double, groove, ridge, inset, and outset. The border color defines the colour you would like to use for the border. within the on top of example, the colour code #FF0000 was used, that is that the code for red. All of the on top of examples use "inline" designs to make the borders. you'll conjointly use "embedded" vogue sheets or "external...

Product color changing using HTML, CSS3 & jQuery

http://www.lisenme.com/

Learn web design | Free templates

Search This Blog