The border-left-color property specifies the color of the left border of an element. The color of the left border with the colors of the right, top and bottom borders, can be specified with the border-color shorthand property as well. If you use the border-left-color property, you should first set the border-style or border-left-style properties and then change the color of the specified style. The default…

The CSS border-left property is used to set the width, line style and color of the left border of elements. It is a shorthand property for specifying the following values: These three values of the shorthand property can be specified in any order, and one or two of them can be missed. If there isn’t a specified…

The CSS border-image-width property defines the width of the border image. The border-image-width property is one of the CSS3 properties. It can have from one to four values – top, right, bottom, and left sides. We can use one, two, three, or four values. If one value is defined, it applies the same width to all four sides. If two…

The CSS border-image-source property sets the source image for creating an element’s border image. The border-image-source property is one of the CSS3 properties. If the value is set to “none”, or if the image cannot be displayed, the border styles will be used. Initial Value none Applies to All elements, except internal table elements when border-collapse is “collapse”. It also applies to ::first-letter.…

The border-image-slice specifies how to slice the image specified by border-image-source into nine regions: four corners, four edges, a middle part. The “middle” part is fully transparent, until the “fill” value is set. It is one of the CSS3 properties. The border-image-slice property have three values: number, percentage and fill. The number represents an edge offset in pixels for raster images and…

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.…