SOME TYPES OF BORDER CSS

Css border or so-called border css these properties could allow us to determine the style and the border color of an element. Here I will give some examples of commonly used and may be useful.

SOME TYPES OF BORDER CSS
    1. none
    2. dotted
    3. dashed
    4. solid
    5. double
    6. groove
    7. ridge
    8. inset
    9. outset
    : Do not define the border line
    : Defines a dotted line border.
    : Defines a dotted line border.
    Defining a full line border.
    Defining a double line border.
    : Defines a 3D grooved border line.
    : Defines a 3D ridged border line.
    : Defines a 3D inset border line.
    : Defines a 3D outset border line.
How to use it:
  1. none
  2. <p style = "border: 3px none; # 000000; padding: 20px;"> Do not define the border line </ p>
    Does not define the border line
  3. dotted
  4. <p style = "border: 3px dotted; # 000000; padding: 20px; align: center;"> Defines a dotted line border. </ p>
    Defining a dotted line border.
  5. dashed
  6. <p style = "border: 3px dashed; # 000000; padding: 20px;"> Define border dotted line. </ p>
    Defining a dotted line border.
  7. solid
  8. <p style = "border: 3px solid; # 000000; padding: 20px;"> Defines a full line border. </ p>
    Defining a full line border.
  9. double
  10. <p style = "border: 5px double; # 000000; padding: 20px;"> Defines a double line border. </ p>
    Defining a double line border.
  11. groove
  12. <p style = "border: 10px groove; # 000000; padding: 20px;"> Defines a 3D grooved border line. </ p>
    Defines a 3D grooved border line.
  13. ridge
  14. <p style = "border: 10px ridge; # 000000; padding: 20px;"> Defines a 3D ridged border line. </ p>
    Defines a 3D ridged border line.
  15. inset
  16. <p style = "border: 10px inset; # 000000; padding: 20px;"> Defines a 3D inset border line. </ p>
    Defines a 3D inset border line.
  17. outset
  18. <p style = "border: 10px outset; # FF3300; padding: 20px;"> Defines a 3D outset border line. </ p>
    Defines a 3D outset border line.

MAY BE USEFUL

Subscribe to receive free email updates:

0 Response to "SOME TYPES OF BORDER CSS"

Post a Comment

Bila Ada posting yang kurang, atau error atau yang lainnya, silahkan tinggalkan komentar agar artikel/post di perbaiki.
Jangan Lupa Cek Box "Notify Me" agar tahu komentar kamu dibalas oleh saya.

If there are any posts that are missing, or error or anything else, please leave a comment for the article / post to be fixed.
Do not Forget Check Box "Notify Me" to know our comments replied by me.