Scribd
Upload
8 views

3.0 CSS Outline CSS Q3 Prelim

The document discusses CSS outlines and text formatting properties. It covers outline styles, widths, colors and offsets. It also covers text properties like color, alignment, decoration, indentation, letter spacing, line height, word spacing, shadows, styling links and buttons.

Uploaded by

gerbbyaragon125
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
8 views

3.0 CSS Outline CSS Q3 Prelim

The document discusses CSS outlines and text formatting properties. It covers outline styles, widths, colors and offsets. It also covers text properties like color, alignment, decoration, indentation, letter spacing, line height, word spacing, shadows, styling links and buttons.

Uploaded by

gerbbyaragon125
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 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