CSS - Paddings

allows you to specify how much space should appear btw the content of an element and its border

• the padding-bottom
• the padding-top
• the padding-left
• the padding-right

the padding property

all four padding will be 15px

top padding will be 10px, left/right padding will be 2% of the total width of the document, bottom padding will be 10px

top 50px, right 30% width of the document, bottom/top 20px

CSS - Cursors

Move the mouse over the words to see the cursor change;

CSS - Outlines

• The outline-width
• The outline-style
• The outline-color
• The outline

This text is having thin solid red outline.

This text is having thick dashed green outline.

This text is having 5x dotted blue outline.

CSS - Dimension

• height
• width
• line-height
• max-height
• min-height
• max-width
• min-width

1) the line-height property

This paragraph is 400pixels wide and 100 pixels high and here line height is 30pixels.This paragraph is 400 pixels wide and 100 pixels high and here line height is 30pixels.

2) the max-height property

This paragraph is 400px wide and max height is 10px This paragraph is 400px wide and max height is 10px This paragraph is 400px wide and max height is 10px This paragraph is 400px wide and max height is 10px

3) the min-height property

This paragraph is 400px wide and min height is 200px This paragraph is 400px wide and min height is 200px This paragraph is 400px wide and min height is 200px This paragraph is 400px wide and min height is 200px

CSS - Scrollbars

Example of scroll value:

Example of auto value: