My Blog

The border-bottom property is a shorthand property for defining the width, style, and color of the bottom border. You can change places of the values. But the right order is when you set the width, the style and then the color of the border-bottom. If you don’t define the style of your border, the color will not work,…

The CSS border property is a shorthand property that sets the values of border-width, border-style and border-color for all four sides of an element. Negative values are not allowed. The border shorthand property is used when you want to make all four sides the same. You can change borders with the help of border-width, border-style, and border-color properties, which can set different values for each side.…

The block-overflow property cuts the text and indicates more content follows by inserting an ellipsis or custom string after a number of lines. Initial Value clip Applies to Block containers. Inherited Yes. Animatable No. Version CSS3 DOM Syntax object.style.blockOverflow= “ellipsis”; In OS X Lion, by default scrollbars are hidden. They are shown only when they are being…

The bleed CSS property specifies the extent of the page bleed area outside the page box. This property only has an effect if marks are cropped. It has two values: “auto” and “length”. If the values of marks are cropped the “auto” value computes to 6pt. Otherwise, it computes to zero. The “length” value specifies by how…

The background-size property is used to define the size of the background image. The background-size property is one of the CSS3 properties. This property has five values: auto, length, percentages, cover, contain. Auto sets the background image in its original size. It’s the default value. The length specifies the height and width of the background image. Negative values are invalid. Percentage…

The background-repeat property is used to define how the background image should be repeated. By its default value the background-repeat is repeated both horizontally and vertically. If the “repeat-x” value is set, the image will be repeated only horizontally. If the “repeat-y” value is set, the image will be repeated only vertically. There are two other values: “space” and…

The background-position-y property sets the vertical position for each background. One or more values can be specified separated by commas. Initial Value top Applies to All elements. Inherited No. Animatable No. Version CSS3 DOM Syntax object.style.backgroundPositionY = “bottom”; Syntax Example of the background-position-y property with the “top” value: Result Example of the background-position-y property with the “bottom” value: Example of the background-position-y property…

The background-position-x property sets the horizontal position for each background. One or more values can be specified separated by commas. By default, a background-image is positioned at the element’s top-left corner and repeated both horizontally and vertically. Initial Value left Applies to All elements. Inherited No. Animatable No. Version CSS3 DOM Syntax object.style.backgroundPositionX = “right”; Syntax Example of the background-position-x property:…

The CSS background-position property specifies the starting position of a background-image. If the default value is set, a background-position will be placed at the top-left corner of an element. And if you set the background to be repeated, it will be repeated both vertically and horizontally. Initial Value 0% 0% Applies to All elements. It also applies to ::first-letter and ::first-line. Inherited No.…

The CSS background-origin property specifies the background positioning area of a background-image. The background-origin property is one of the CSS3 properties. If the background-attachment is “fixed”, background-origin property will be ignored and will not have an effect. Initial Value padding-box Applies to All elements. It also applies to ::first-letter and ::first-line. Inherited No. Animatable No. Version CSS3 DOM Syntax object.style.backgroundOrigin = “content-box”; Syntax Example of the background-origin property: Result…