Loading Please Wait...

Logo Lynxsia IT Solutions

CSS Border Shorthand

CSS Border Shorthand

CSS border is a shorthand property for border-width, border-color, and border-style.

					 
        
          border: dashed;
          border: 10px solid;
          border: 10px solid green;
        
      
Border Basic Properties

CSS border property sets the following properties which in term again sets their individual properties.

  • border-width
    • border-top-width
    • border-right-width
    • border-bottom-width
    • border-left-width
  • border-color
    • border-top-color
    • border-right-color
    • border-bottom-color
    • border-left-color
  • border-style
    • border-top-style
    • border-right-style
    • border-bottom-style
    • border-left-style
					 
        
          /* 1 value */
          /* width */
          border: 10px;

          /* color */
          border: red;

          /* style */
          border: solid;

          /* 2 value */
          /* width | style */
          border: 1rem dotted;

          /* width | color */
          border: 1rem #fda3ed;

          /* style | color */
          border: dotted #fda3ed;

          /* 3 value */
          /* width | style | color */
          border: thick dashed rgba(0, 0, 0, 0.85);

          /* Global values */
          border: inherit;
          border: initial;
          border: revert;
          border: revert-layer;
          border: unset;
        
      

How you feel about this blog:

Share this blog on:

Report Us

If you find any error in the turtorials, or want to share your suggestion/feedback, feel free to send us email at: info@lynxsia.com

Contact Us
Ads
Logo
Lynxsia IT Solutions

We are concern with various development process like website design & development, E-commerce development, Software development, Application development, SMS & Bulk SMS Provider, PWA Development, and many more..

Kotwali Road, Chhiptehri, Banda, 210001, UP, India

Copyright © 2022, Lynxsia IT Solutions, All rights reserved