<html><head><title>Border Samples</title><style>body { background-color: rgb(50%, 50%, 50%); font-size: 1.1em; color: yellow;}.dotted { border-color: yellow; border-width: medium; border-style: dotted; margin-right: 75%; text-align: center; margin-left: 10%;}.dashed { border-color: yellow; border-width: medium; border-style: dashed; margin-right: 75%; text-align: center; margin-left: 10%;}.solid { border-color: yellow; border-width: medium; border-style: solid; margin-right: 75%; text-align: center; margin-left: 10%;}.double { border-color: yellow; border-width: medium; border-style: double; margin-right: 75%; text-align: center; margin-left: 10%;}.groove { border-color: yellow; border-width: medium; border-style: groove; margin-right: 75%; text-align: center; margin-left: 10%;}.ridge { border-color: yellow; border-width: medium; border-style: ridge; margin-right: 75%; text-align: center; margin-left: 10%;}.inset { border-color: yellow; border-width: medium; border-style: inset; margin-right: 75%; text-align: center; margin-left: 10%;}.outset { border-color: yellow; border-width: medium; border-style: outset; margin-right: 75%; text-align: center; margin-left: 10%;}</style></head><body><p class="dotted">Dotted</p><p class="dashed">Dashed</p><p class="solid">Solid</p><p class="double">Double</p><p class="groove">Groove</p><p class="ridge">Ridge</p><p class="inset">Inset</p><p class="outset">Outset</p><hr /></body></html>