Individual Border Sides

4 different border styles.

3 different border styles.

2 different border styles.

1 border style.

The internal stylesheet embedded in the head of this page

<style>
body {
  text-align: center;
}
/* Four values */
p.four {
  border-style: dotted solid double dashed;
}

/* Three values */
p.three {
  border-style: dotted solid double;
}

/* Two values */
p.two {
  border-style: dotted solid;
}

/* One value */
p.one {
  border-style: dotted;
}

pre {
    text-align: left;
    border-style: dotted solid double dashed;
    border-color: red green gold;
    padding: 5px;
}
</style>