W3.CSSLesson 5Free preview

W3.CSS Borders

This lesson is part of W3.CSS · All levels

Summary

Border provides a boundary line around the element, and provides a class to add, direct, and color the line. In addition to the line, you also set the round angle with the class w3-round and the variance of the size to the shape of the circle. The combination of border and radius makes the element look more firm and modern. (W3.CSS)

Key points

W3-border adds 1px lines across the element side
W3-border-top, w3-border-right, w3-border-bottom, and w3-border-left select a specific side
W3-round, w3-round-large, w3-round-xlarge, and w3-circle set the curvature of the angle
The color line can be set by using a color class or custom CSS

Full lesson

Code examples and quizzes

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