CSS BORDERS, CSS BORDER PROPERTY

Tutorials Algorithms Analysis of Algorithms Data Structures Languages Interview Corner GATE ISRO CS UGC NET CS CS Subjects Web Technologies Student Jobs
*

*

*

*

CSS border properties allow us to set the style, color, and width of the border.

Bạn đang xem: Css borders, css border property

Note: Different properties can be set for all the different borders i.e.top border, right border, bottom border & left border.Properties of CSS Borders :

Border Style: The border-style property specifies the type of border. None of the other border properties will work without setting the border style.Following are the types of borders:

*dotted – Defines a dotted border*dashed – Defines a dashed border*solid – Defines a solid border*double – Defines a double border*groove – Defines a 3 chiều grooved border.*ridge – Defines a 3D ridged border.*inphối – Defines a 3 chiều inset border.*outmix – Defines a 3D outset border.*none – Defines no border*hidden – Defines a hidden border

Example:


Output:

*
Border Width: Border width sets the width of the border . Width of the border can be in px, pt, centimet or thin, medium và thiông xã.

Xem thêm: Bật Mí Các Bí Quyết Tăng Cân Tăng Vòng 1 Không Là Thắc Mắc Của Nhiều Chị Em

Example:


Output:

*
Border Color: This property is used to lớn mix the color of the border. Color can be phối using the color name, hex value, or RGB value. If the color is not specified border inherits the color of the element itself.Example:


Output:

*
Border individual sides: Individual sides can be phối with different properties.Syntax: If border properties have 4 values then.

border-style: solid dashed dotted doubleSolid: top borderDashed: right borderDotted: bottom borderDouble: left borderExample:


Output:

*

Syntax: If border properties have 3 values then:

border-style: solid dotted doubleSolid:top borderDotted: Left and right borderDouble: bottom borderExample:


Output:

*

Syntax: If border properties have sầu 2 values

border-style:solid dottedSolid:top và bottom borderDotted: right and left borderExample:


Output:

*

Syntax: If border properties has 1 value

border-style:dottedDotted:top, bottom, left & right borderExample:


Output:

*

We use cookies khổng lồ ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have sầu read và understood our Cookie Policy và Privacy Policy Got It !