13.CSS-Borders||Part-13||Step by Step CSS Tutorials..

Veröffentlicht am: 08 November 2021
auf dem Kanal: JM Tutorial

In this video tutorial, we learn CSS Borders Property.
CSS Border:
The CSS Border properties are use to specify the style, color and size of the border of an element. The CSS border properties are given below:
-Border-style: The border-style property allows you to select one of the following styles of border −
none − No border. (Equivalent of border-width:0;)
solid − Border is a single solid line.
dotted − Border is a series of dots.
dashed − Border is a series of short lines.
double − Border is two solid lines.
groove − Border looks as though it is carved into the page.
ridge − Border looks the opposite of groove.
inset − Border makes the box look like it is embedded in the page.
outset − Border makes the box look like it is coming out of the canvas.
hidden − Same as none, except in terms of border-conflict resolution for table elements.

Border-color: There are three methods to set the color of the border.
--Name: It specifies the color name. For example: "red".
-RGB: It specifies the RGB value of the color. For example: "rgb(255,0,0)".
-Hex: It specifies the hex value of the color. For example: "#ff0000".

Border-width: The border-width property is used to set the border's width. It is set in pixels. You can also use the one of the three pre-defined values, thin, medium or thick to set the width of the border.

Border-radius: This CSS property sets the rounded borders and provides the rounded corners around an element, tags, or div. It defines the radius of the corners of an element.

-It is shorthand for border top-left-radius, border-top-right-radius, border-bottom-right-radius and border-bottom-left-radius.
-It gives the rounded shape to the corners of the border of an element.
-We can specify the border for all four corners of the box in a single declaration using the border-radius. The values of this property can be defined in percentage or length units.

Auf dieser Seite können Sie das Online-Video 13.CSS-Borders||Part-13||Step by Step CSS Tutorials.. mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer JM Tutorial 08 November 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 6 Mal angesehen und es wurde von 0 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!

875