This CSS tutorial explains how to use the CSS property called border- style with syntax and examples. Description. The CSS border-style property defines the line style of the border of a box. Tweet. Share. Tweet. Share. This is a shorthand property which allows an author to specify border-top-style, border-right-style, border-bottom-style, and border -left-style properties using a single property and value notation (the values are given in this order separated by spaces.).
The opposite of groove: the border looks as though it were coming out of the canvas. The future CSS3 border styles. CSS3 is still a working draft, but there are 3 additions in border styles that should be noted. The CSS Border properties allow you to specify how the border of the box representing an element should look. Types of CSS (Cascading Style Sheet). If you want to place or draw borders inside of a rectangular box there is a very simple solution — just use the outline property instead of border and move it inside of the elements box using the CSS3 outline-offset property with a negative value.