Category: HTML News/Blogs

  • CSS border-color Property

    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

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

  • CSS border-bottom-width Property

    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…

  • CSS border-bottom-style Property

    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…

  • CSS border-bottom-right-radius Property

    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…

  • CSS border-bottom-left-radius Property

    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

    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…

  • CSS border-bottom Property

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

  • CSS border Property

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

  • CSS block-overflow Property

    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…