You are on page 1of 48

CSS OUTLINE

An outline is a line drawn outside the element's border.


CSS OUTLINE

• An outline is a line that is drawn around elements, OUTSIDE the borders, to


make the element "stand out".
CSS OUTLINE
CSS OUTLINE STYLE
CSS OUTLINE WIDTH
CSS OUTLINE WIDTH (CODE SAMPLE)
CSS OUTLINE COLOR
CSS OUTLINE COLOR
CSS OUTLINE COLOR (CODE SAMPLE)
CSS OUTLINE COLOR (CODE SAMPLE)
THE OUTLINE COLOR CAN ALSO BE SPECIFIED USING A HEXADECIMAL VALUE (HEX, RGB, HSL):
CSS OUTLINE - SHORTHAND PROPERTY
CSS OUTLINE - SHORTHAND PROPERTY
CSS OUTLINE OFFSET
CSS OUTLINE OFFSET
CSS TEXT

CSS has a lot of properties for formatting text.


TEXT COLOR
TEXT COLOR AND BACKGROUND COLOR
CSS TEXT ALIGNMENT
IN THIS CHAPTER YOU WILL LEARN ABOUT THE FOLLOWING PROPERTIES:
CSS TEXT DECORATION
TEXT DECORATION
ADD A DECORATION LINE TO TEXT
TEXT INDENTATION
LETTER SPACING
LINE HEIGHT
WORD SPACING
CSS TEXT SHADOW
STYLING LINKS
STYLING LINKS
LINK TEXT DECORATION
LINK BACKGROUND COLOR
STYLING LINKS
LINK BUTTONS
THIS EXAMPLE DEMONSTRATES THE DIFFERENT
TYPES OF CURSORS
(CAN BE USEFUL FOR LINKS):

You might also like