forked from freeCodeCamp/freeCodeCamp
-
Notifications
You must be signed in to change notification settings - Fork 2
Challenge Use Clockwise Notation To Specify The Padding Of An Element
Quincy Larson edited this page Aug 20, 2016
·
1 revision
Instead of specifying an element's padding-top
, padding-right
, padding-bottom
, and padding-lef
t attributes, you can specify them all in one line, like this: padding: 10px 20px 10px 20px;
.
These four values work like a clock: top, right, bottom, left, and will produce the exact same result as using the side-specific padding instructions.
.green-box {
background-color: green;
padding: 40px 20px 20px 40px
}
Learn to code and help nonprofits. Join our open source community in 15 seconds at http://freecodecamp.com
Follow our Medium blog
Follow Quincy on Quora
Follow us on Twitter
Like us on Facebook
And be sure to click the "Star" button in the upper right of this page.
New to Free Code Camp?
JS Concepts
JS Language Reference
- arguments
- Array.prototype.filter
- Array.prototype.indexOf
- Array.prototype.map
- Array.prototype.pop
- Array.prototype.push
- Array.prototype.shift
- Array.prototype.slice
- Array.prototype.some
- Array.prototype.toString
- Boolean
- for loop
- for..in loop
- for..of loop
- String.prototype.split
- String.prototype.toLowerCase
- String.prototype.toUpperCase
- undefined
Other Links