My Blog

The page-break-before property defines page break before the element. This property cannot be used on an empty <div> or on absolutely positioned elements. Generally, page breaks are applied to such paged media, as printed books or documents. After breaking a page, the layout finishes on the current page and the elements of the document that remain continue on the…

The page-break-after property defines page break after the element. This property cannot be used on an empty <div> or on absolutely positioned elements. Browsers should treat the page-break-after property as an alias of break-after. This assures that sites using the page-break-after property still work as designed. Initial Value auto Applies to Block-level elements. Inherited No. Animatable No. Version CSS2…

In fact, there is not a page-break property in the CSS specification. It is a set of three properties: page-break-inside, page-break-before, and page-break-after. These properties define the behavior of the document when printed. None of them can be used on an empty <div> or on absolutely positioned elements. Page-break-after The page-break-after property defines page break after the element. The page-break-after property is replaced by break-after property. Use the…

The padding-top property sets the padding space on the top of an element. Initial Value 0 Applies to All elements, except when the display property is set to table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column. It also applies to ::first-letter. Inherited No. Animatable Yes. Padding space is animatable. Version CSS1 DOM Syntax object.style.paddingTop = “10px”; Syntax Example of the padding-top property: Result…

The padding-right CSS property sets the padding space on the right side of an element. Initial Value 0 Applies to All elements. An exception is made when the display property is set to table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column. It also applies to ::first-letter. Inherited No. Animatable Yes. Padding space is animatable. Version CSS1 DOM Syntax object.style.paddingRight = “40px”;…

The padding-left CSS property sets the padding space on the left side of an element. Initial Value 0 Applies to All elements, an exception is made when the display property is set to table-row-group, table-header-group, table-footer-group, table-row, table-column-group and table-column. It also applies to ::first-letter. Inherited No. Animatable Yes. Padding space is animatable. Version CSS1 DOM Syntax object.style.paddingLeft = “40px”;…

The padding-bottom property of an element sets the padding space on the bottom of an element. This means that it defines the area of space that the bottom of the element’s content needs. The element’s padding can be used for computing the height and the width of an element. Generally, the width is equal to the width of the content area…

The padding property is used to create padding space on all the sides of an element’s content. Padding values are set using lengths or percentages. CSS padding property is a shorthand for the following properties: We can use the padding property for all sides (top, bottom, left, right). The padding property may be defined with one, two, three, or four values: Initial Value…

The overflow-y property specifies whether the content should be hidden, visible or scrolls vertically when the content overflows the element’s top and bottom edges. This property is one of the CSS3 properties. The overflow-y property has four main values: visible, hidden, auto and scroll. Initial Value visible Applies to Block-containers, flex containers and grid containers. Inherited No. Animatable No. Version CSS3 DOM Syntax object.style.overflowY…

The overflow-x property specifies whether the content should be hidden, visible or scrolls horizontally when the content overflows the element’s left and right edges. This property is one of the CSS3 properties. The overflow-x property has four main values: visible, scroll, auto and hidden. Initial Value visible Applies to Block-containers, flex containers and grid containers. Inherited No. Animatable No. Version CSS3 DOM Syntax object.style.overflowX…