Borders define the outside edge of elements and backgrounds fill the space behind elements. The author shows you shorthand syntax for both.
- [Instructor] In this movie,…I'd like to talk with you about borders and backgrounds.…And we'll start with borders.…Borders define the outside edge of elements.…Element borders are usually defined…by three properties, style, width, and color.…Similar to margins and paddings,…borders can be defined from the top,…right, bottom, and left sides individually.…Or defined for the entire element…and the shorthand notation.…A border syntax can get really wordy…if you're specifying the style,…width, and color individually.…
That's why I recommend going with a shorthand notation.…This lets you set all three border properties…at the same time for each individual side.…Now, if all four sides are gonna be the same,…you can actually condense this shorthand further…and just simply say border and then,…give it the properties that you want.…One important thing to remember about borders,…and that's that they do effect…the overall width of an element.…Border widths begin at the edge…of padding widths and then extend outwards.…So, in this instance, we've got an element…
- What is CSS?
- Understanding how CSS works with HTML
- Applying fonts
- Understanding the classic box model
- Setting margins and padding
- Positioning elements
- Basic CSS layout concepts
- Media types and media queries
- Working with CSS frameworks and CSS grids
- Creating responsive layouts
- Tools that help you write and maintain CSS
Skill Level Beginner
1. CSS Basics
2. CSS Specifications
3. Common CSS Concepts
4. CSS Layouts
5. Working with CSS
6. Responsive CSS
7. Going Further with CSS
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.