Propriedades das bordas

Podemos definir as configurações das nossas bordas através das propriedades:

border-width
border-style
border-color

Exemplos


          width: 200px;

          height: 100px;

          border-style: solid;
          padding: 10px;

          border-width: 5px;

            
            border-width: thin;
            (Equivalente a 1px)
            border-radius: 10px;
            display: flex;

            align-items: center;


              border-width: medium;
              (Equivalente a 3px)
              border-style: dashed;
              border-radius: 50px/100px;


              border-width: thick;
              (Equivalente a 5px)
              border-style: dotted;
              border-radius: 50%;


              border-width: 10px 20px 30px 40px;

              border-color: purple greenyellow coral blue;


              border-style: dotted dashed solid double;


              border: 10px solid violet;
              (Resumida)


              border-style: double;
              border-width: 10px;


              border-style: groove;


              border-style: ridge;


              border-style: inset;


              border-style: outset;