CSS Tutorial for Beginners Part 11 - CSS Outline | Learn Web Technologies
Previous Video : CSS Box Model
• CSS Tutorial for Beginners Part 10 - CSS B...
CSS Playlist
• CSS Tutorial for Beginners
HTML Playlist
• Html tutorial for beginners
Text Version for same
http://learnwebtechnology.ga/2019/06/...
Sign up for my newsletter to receive weekly updates
http://bit.ly/2RRFktj
Join our facebook page
bit.ly/2OKQYV7
CSS Outline
An outline is a line that is drawn around elements, outside of the borders.
CSS has the following outlines
Outline-style
Outline-color
Outline-width
Outline-offset
Outline
Note: Outline is different from borders. The outline is drawn outside the element’s border and may overlap other content. Also, the outline is not a part of the element’s dimensions, elements height and width not affected by the width of the outline.
Outline Style: This property specifies the style of the outline, we have many values.
Dotted, dashed, solid, double, groove, ridge, inset, outset, none, hidden
Note: outline-style property is important if we do not use this we can’t use any further property like(outline-color, outline-width).
Outline - Shorthand property
the outline property is a shorthand property for setting the following individual outline properties
outline-width
outline-style(required)
outline-color
Outline Offset
outline-offset adds space between an outline and border of an element. This space is transparent
----------------------------------------------------------------------------------------------------------------
#LearnWebTechnologies #CSS #CSSTutorialForBeginners