| The CSS Tag | The tags effect |
|---|---|
| ===>BASIC BOX
height: 100px; width:100px; background: lightgrey; margin: auto; |
|
| border: 3px solid black; | |
| .border-round-px { border: 3px solid black; border-radius: 10px; } |
|
| .border-round-pc { border: 3px solid black; border-radius: 25%; } |
|
| .border-type-hidden { border: 7px hidden black; } | |
| .border-type-dotted { border: 7px dotted black; } | |
| .border-type-dashed { border: 7px dashed black; } | |
| .border-type-double { border: 7px double black; } | |
| .border-type-groove { border: 10px groove red; } | |
| .border-type-ridge { border: 10px ridge blue; } | |
| .border-type-inset { border: 10px inset green; } | |
| .border-corners
{ border: 3px solid black; border-radius: 5% 15% 25% 35%; /* top-left, top-right, bottom-right, bottom-left */} |
|
| .border-corners2
{ border: 3px solid black; border-radius: 20px 0px;} |
|
| .border-elips
{ border: 3px solid black; border-radius: 45px/12px; /* horizontal radius / vertical radius */ } |
|
| .border-test { border: 6px double red; border-radius: 35px 0px; } |
