CSS - Hot To Specify the Padding Spaces of a Block Element
Interview Question Database For Software Developers
|
|
| Hot To Specify the Padding Spaces of a Block Element | | Hot To Specify the Padding Spaces of a Block Element? - CSS Tutorials - HTML Formatting Model: Block, Inline and Floating Elements | | By: FYIcenter.com | CSS offers 4 style properties to control padding spaces of a block element.
You can specify them in different ways as shown in the following CSS examples:
- {padding-top: 30px} - Specifies the top padding to 30 pixels.
- {padding-right: 10px} - Specifies the right padding to 10 pixels.
- {padding-bottom: 40px} - Specifies the bottom padding to 40 pixels.
- {padding-left: 20px} - Specifies the left padding to 20 pixels.
- {padding: 30px 10px 40px 20px;} - Specifies padding spaces on 4 sides: top, right, bottom and left.
When padding spaces are specified, the size of the content box will be reduced to give room
to meet the specified padding spaces on 4 sides. The size of the content box can be
calculated as:
Content width = "width" - "padding-left" - "padding-right"
Content height = "height" - "padding-top" - "padding-bottom"
| | ID: 1216 | Rank: 1066 | Votes: 0 | Views: 37 | Submitted: 20070511 |
1094
:-) | | What Is a Floating Element | | What Is a Floating Element? - CSS Tutorials - HTML Formatting Model: Block, Inline and Floating Elements... | | Submitted: 20070511 |
|
Copyright © 2009 FYIcenter.com
All rights in the contents of this Website are reserved by the individual author.
No part of the contents may be reproduced in any form without author's permission.
|
|
|
Atom feed
List view