My Blog

The CSS border-image-repeat property is used to specify if the border-image will be rounded, repeated or stretched. It is one of the CSS3 properties. The border-image-repeat property may be defined using one or two values. If one value is specified, it applies the same behavior on all four sides. If two values are specified, the first applies to the top…

The CSS border-image-outset property specifies the amount by which the border image is extended beyond the element’s border box. It is one of the CSS3 properties. The border-image-outset property takes from one to four values. Initial Value 0 Applies to All elements, except internal table elements when border-collapse is “collapse”. It also applies to ::first-letter. Inherited No. Animatable No. Version CSS3 DOM Syntax…

The shorthand border-image property allows to specify an image as the border around an element. The border-image property is one of the CSS3 properties. With the help of the other border-image properties, this property is specified. Omitted values are set to their default values. See some notes about each of the values: Initial Value none 100% 1 0 stretch Applies to All…

The CSS border-color property is a shorthand for setting the color of the four sides of an element’s border. It is shorthand for the following properties: Each side can have its own value. The border-color property is used with the border-style property. If the value is 0, the border-color property has no effect. This property takes any CSS colors value. Default color is the current…

CSS border-collapse property defines whether table borders are shared (as one single border) or collapsed. When the cells are collapsed, the border-style’s value is “inset”, it behaves like “groove”, and “outset” behaves like “ridge”. When cells are separated, the distance between cells is specified by the border-spacing property. Initial Value separate Applies to Table and inline-table elements. Inherited Yes. Animatable No.…

The border-bottom-width property sets the width of the bottom border. You need to set the border-style or the border-bottom-style property before the border-bottom-width property. First you need to have borders before you can change the width. The specification doesn’t set the exact thickness set by each keyword, the precise result when using one of them is implementation-specific. But they always follow the pattern…

The CSS border-bottom-style property is used to specify the style of the bottom border element. Without mentioning the style of the border-bottom or border properties the border-bottom-style will not appear. Initial Value none Applies to All elements. Inherited No. Animatable No. Version CSS1 DOM Syntax object.style.borderBottomStyle = “dotted”; Syntax Example of the border-bottom-style property: Result Example of the border-bottom-style property with multiple values: Example of the border-bottom-style property with…

The border-bottom-right-radius CSS property is used to set the rounding of the bottom-right corner of the element. The border-bottom-right-radius property is one of the CSS3 properties. The border-bottom-right-radius property specifies the horizontal and vertical radii that defines the rounded lower-right corner for a border box. This property is specified by two values: length and percentages. When only one value is given, it…

The border-bottom-left-radius specifies the round shape of the bottom left corner of the element. The border-bottom-left-radius property is one of the CSS3 properties. There exist three kinds of shapes: a circle or an ellipse, if you do not use any value, the corner is square. If you use background image or color, it will be clipped at the border. The process of…

CSS border-bottom-color property is used to specify the color of the bottom border of an element. First you need to define the border-style or the border-bottom-style properties, because an element must have a border before you will change the color. The bottom border color can also be defined with the border-color shorthand property. Initial Value currentColor Applies to All elements. Inherited No Animatable Yes. The…