HTML5, CSS3, and JavaScript Fourth Edition

(Ben Green) #1

CHAPTER 12. BOX MODEL 132


or skip the rest, unless it is really interesting. The longer the paragraph,
the less likely they will read the last word.


Long Pages: These are okay, so long as the content is broken up into reason-
able paragraphs. Recognize that your readers may be skimming, not reading
every word. Use bold and headings to throw up hooks that will grab reader
attention by identifying answers to their questions.


12.3 Clockwise Order: top, right, bottom, left


For padding, border, and margin, each side of the
box can be specified separately, by name. It can
also be specified as part of a list of up to four
measurements, given inclockwiseorder. Clock-
wise order is (12 o’clock or 0deg) top, (3 o’clock
or 90deg) right, (6 o’clock or 180deg) bottom, (9
o’clock or 270deg) left. If (9) is not given, it copies
from (3). If (6) is not given, it copies from (12).
If (3) is not given, everything copies from (12).


Exam Question 229(p.349): When we say margin: 9px 8px 7px 6px;
what is the value of margin-top?
Required Answer:9px


Exam Question 230(p.349): When we say margin: 9px 8px 7px 6px;
what is the value of margin-right?
Required Answer:8px


Exam Question 231(p.349): When we say margin: 9px 8px 7px 6px;
what is the value of margin-bottom?
Required Answer:7px


Exam Question 232(p.350): When we say margin: 9px 8px 7px 6px;
what is the value of margin-left?
Required Answer:6px


Exam Question 233(p.350): When we say margin: 9px 8px 7px; what is
the implied fourth value?
Required Answer:8px


Exam Question 234(p.350):When we say margin: 9px 8px; what is the
implied third value?

Free download pdf