Little Web Hut

CSS 2.1 Reference: padding-top Property

CSS padding-top Property
Syntax
selector {padding-top: value ;}
Usage

The padding-top property is used to specify the width of the top side padding area. See the Box Model for a description of the boxes that are generated for elements and the relative position of the padding area.

This property is specified by using a length, percentage, or keyword, according to the syntax shown above. If a percentage value is used, the value will be a percentage of the containing block's width.


CSS Example: The padding-top property is set using a length value.
  .tst1 {padding-top: 50px; background-color: orange;}
Test It HTML StyleTest It XHTML StyleTest It HTML5 Style
Keywords
  • inherit - The inherit keyword is used to specify that the value for this property should be taken from the parent element. If inherit is used with the root element, then the initial value for this property will be used.
Applies To All elements except elements with the following display types: table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column.
Inherited No
Initial Value 0


padding-top Property Examples
Test It HTML StyleTest It HTML StyleTest It HTML5 StyleThe padding-top property is set using a length value.

The material on this site (LittleWebHut.com) is for educational purposes only. We make no warranty or guarantee of the accuracy or reliability of information contained herein or at other sites to which we link.  The risk from using this site, the information contained herein, or the sites to which we link lies entirely with the user.  By using this site, you agree to have read and accepted our Terms of Use and Privacy Policy.