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

Pubblicato il: 08 novembre 2021
sul canale di: 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.

In questa pagina del sito puoi guardare il video online 13.CSS-Borders||Part-13||Step by Step CSS Tutorials.. della durata di ore minuti seconda in buona qualità , che l'utente ha caricato JM Tutorial 08 novembre 2021, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 6 volte e gli è piaciuto 0 spettatori. Buona visione!

875