Category: 2. CSS Properties

  • CSS border-top Property

    The CSS border-top property sets the width, color and line style of the top border of elements. It is a shorthand property for specifying the values of border-top-width, border-top-style and border-top-color. 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 color, the value…

  • CSS border-style Property

    CSS border-style property sets the style of all four sides of an element’s borders. It is a shorthand property for defining the border-top-style, border-bottom-style, border-left-style, border-right-style. This property takes from one to four values. So each side can have its own value. The default value of border-style is none. Borders are put on top of the element’s background. You also need to know…

  • CSS border-spacing property

    The border-spacing CSS property sets the distance between the borders of neighbouring table cells. This property applies only when the border-collapse is separate. This property will be ignored if the collapsing border model is used. The border-spacing property applies to an HTML property that is performed using the separated borders model. It determines the spacing between the cells, as the distinct…

  • CSS border-right-width Property

    The border-right-width property is used to define the width of an element’s right border. The right border width, as well as all the other border sides, can also be defined with the border or border-width shorthand properties. For setting the border-right-width you should first define the border-style property, because you need borders before setting its width. The border-right-style or border-style can be used to specify the border’s style. Initial…

  • CSS border-right-style Property

    The CSS border-right-style property is used to set the style of an element’s right border. It is defined as a single keyword that is chosen from those available for the border-style property. The border-style property is used to set the style for all four sides of an element, but border-right-style sets a style only for the right border. The…

  • CSS border-right-color Property

    The border-right-color property defines the color of the right border of an element. The right border color, combined with top, right, and bottom border colors, can also be defined with the border-color shorthand property. If you use the border-right-color property, you should first set the border-style or border-right-style properties and then change the color of the defined style. The default width of a border is…

  • CSS border-right Property

    The CSS border-right property sets the width, line style and color of the right border of elements. It is a shorthand property for specifying the values of the following properties: These three values of the shorthand property can be specified in any order, and one or two of them can be missed. The value will be taken…

  • CSS border-radius Property

    The border-radius property is used to make rounded corners for the outer border edge of an element. The border-radius property is one of the CSS3 properties. This property is a shorthand property for the border-top-left-radius, border-top-right-radius, border-bottom-right-radius and border-bottom-left-radius properties which are used for setting the four corners of an element separately. But the border-radius property can be used to define all the four corners at the same…

  • CSS border-left-width Property

    The border-left-width property is used to define the width of an element’s left border. The width of the left border, as well as all the other border sides, can also be defined with the border or border-width shorthand properties. For setting the border-left-width you should first define the border-style property, because you need borders before setting its width. You can use either border-left-style or border-style CSS properties…

  • CSS border-left-style Property

    The CSS border-left-style property sets the style of an element’s left border. It is defined as a single keyword that is selected from those available for the border-style property. This property is used to set the style of all four sides of an element, but border-left-style sets a style only for the left border. The left border’s default width…