Border:

Shorthands

div {
border: 1px dotted red;
}

div {
border: 2px dashed green;
}

div {
border: 3px solid yellow;
}

div {
border: 4px double purple;
}

div {
border: 5px groove orange;
}

div {
border: 6px ridge blue;
}

div {
border: 7px inset brown;
}

div {
border: 8px outset cyan;
}

---

border-style

div {
border-style: dotted;
}

div {
border-style: dashed;
}

div {
border-style: solid;
}

div {
border-style: double;
}

div {
border-style: groove;
}

div {
border-style: ridge;
}

div {
border-style: inset;
}

div {
border-style: outset;
}

div {
border-style: none;
}

div {
border-style: hidden;
}

---

border-width

div {
border-style: solid;
border-width: 1px;
}

div {
border-style: solid;
border-width: 2px;
}

div {
border-style: solid;
border-width: 3px;
}

div {
border-style: solid;
border-width: 4px;
}

div {
border-style: solid;
border-width: 5px;
}

div {
border-style: solid;
border-width: 1rem;
}

div {
border-style: solid;
border-width: 1em;
}

div {
border-style: solid;
border-width: 1mm;
}

div {
border-style: solid;
border-width: 1cm;
}

div {
border-style: solid;
border-width: 1in;
}

div {
border-style: solid;
border-width: 1pt;
}

div {
border-style: solid;
border-width: 1pc;
}

---

border-color

div {
border-style: solid;
border-color: red;
}

div {
border-style: solid;
border-color: green;
}

div {
border-style: solid;
border-color: yellow;
}

div {
border-style: solid;
border-color: blue;
}