ImagesLesson 87Free preview

Border Around Image

This lesson is part of How To · All levels

Summary

Border around image provides a frame around the image to reinforce the visual boundary. Border can be blended with padding and background so that it looks like a frame. Box shadow and outline are alternatives when additional effects are needed without changing the size of the layout.

Key points

Border is an acronym for width, style, and color of line.
The padding inside the border creates a frame-like distance.
Box-shadows don't affect the size of the layout like the border.
The outline is drawn outside the boundary and does not take up the layout space.
The border-radius can round the angle of the frame.

Full lesson

Code examples and quizzes

Full lessons, code examples, and quizzes are available to subscribers. 5 questions.