Borders

This content is no longer maintained.

There's a newer course on this topic, so treat this one as a reference only.

See the updated course →

Borders

Use borders to define the radius of an element and create outlines on one or more sides of an element's boundary.

Trouble with this video? YouTube may be blocking it for you. Watch it directly on YouTube instead.

Borders

Use borders to define the radius of an element and create outlines on one or more sides of an element's boundary.

1 Getting started

Coming soon

1

Style panel overview 3:15

Style panel overview

Coming soon

1

HTML tags 8:43

HTML tags

Coming soon

1

Classes 10:21

Classes

Coming soon

1

Combo classes 4:05

Combo classes

Coming soon

1

Style Manager 3:46

Style Manager

Coming soon

1

Text style inheritance overview 3:18

Text style inheritance overview

Coming soon

2 Interaction

Coming soon

2

States 2:47

States

Coming soon

2

Transitions 2:40

Transitions

Coming soon

3 Responsive design

Coming soon

3

Breakpoints 8:12

Breakpoints

Coming soon

4 Typography styles

Coming soon

4

Text shadow 2:36

Text shadow

Coming soon

5 Background & border styles

Coming soon

5

Backgrounds 8:15

Backgrounds

Coming soon

5

Set background images 2:04

Set background images

Coming soon

5

Create gradient backgrounds 3:02

Create gradient backgrounds

Coming soon

5

Borders 7:14

Borders

Coming soon

5

Box shadow 3:34

Box shadow

Coming soon

6 3D styles

Coming soon

6

3D movement & parallax 2:25

3D movement & parallax

Coming soon

6

3D perspective 4:01

3D perspective

Coming soon

6

Transforms 4:53

Transforms

Coming soon

7 Effects

Coming soon

7

Opacity 1:44

Opacity

Coming soon

7

Filters 2:59

Filters

Coming soon

7

Override the default cursor for elements 1:45

Override the default cursor for elements

Coming soon

8 Color

Coming soon

8

Color picker 3:51

Color picker

Coming soon

8

Color values 3:22

Color values

Coming soon

8

Typography 21:28

Typography

Coming soon

Course progress

Assessment

Test your knowledge

Up next

Box shadow

Use box shadows to add depth inside or outside of element boundaries.

Continue to next lesson → Complete course ✓