This is an old revision of the document!

CSS - Text inset / outset

body {
  font-size: 2em;
  font-family: sans-serif;
  background: #DDD;
  color: #888;
}
 
.inset-text {
  text-shadow: #000 -1px -1px 0;
}
.outset-text {
  text-shadow: rgba(255, 255, 255, 0.5) 1px 1px 0;
}

<div class="inset-text">Inset Text</div>
<div class="outset-text">Outset Text</div>

result: