```metadata
title: 'Example: Border Image in Pseudo-Element'
description: ''
tags:
  - example
systems: []
renderer: V3
theme: 5ePHB

```

```css
.page .classTable.frame {
  --backgroundColor: #806947;
  --shadowColor: #0003;
  --oddRowColor: #E2E5EA;
  --evenRowColor: #F1F1F1;
  border-image: unset;
  border-width: 0px;
  box-shadow:  2px 2px 6px var(--shadowColor);
  background-color: var(--backgroundColor);
  color: white;
  position:relative;
}
  
.page .classTable.frame h5 {
  padding: 5px;
}
  
.page .classTable.frame tr {
  color: black;
}
  
.page .classTable.frame tr:nth-of-type(odd) {
  background-color: var(--oddRowColor);
}
  
.page .classTable.frame tr:nth-of-type(even) {
  background-color: var(--evenRowColor);
}
  
.page .classTable.frame th {
  background-color: var(--backgroundColor);
  color: white;
  text-transform: uppercase;
  font-size: 0.8em;
  line-height: 1em;
  letter-spacing: 1.25px;
  text-align: left;
}
  
.page .classTable.frame:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-image-source: url(https://i.imgur.com/94lWf19.png);
  border-image-slice: 130;
  border-image-repeat: stretch;
  border-image-width: 130px;
  border-image-outset: 4px 3px 4px 4px;
}

```

{{classTable,frame,wide
##### THE ALCHEMIST
| Level | Proficiency Bonus | Formulae Known | Reagent Dice | Discoveries Known | Features|
|:-----:|:-----------------:|:--------------:|:------------:|:-----------------:|:--------|
|  1st  |  +2  | --- |  ---  | --- | Bombs, Natural Philosopher |
|  2nd  |  +2  |  3  |  ---  | --- | Bomb Formuale, Field of Study |
|  3rd  |  +2  |  3  |  3d10 | --- | Reagent |
|  4th  |  +2  |  3  |  4d10 |  2  | Ability Score Improvement, Discoveries |
|  5th  |  +3  |  4  |  5d10 |  2  | Flashbang |
|  6th  |  +3  |  4  |  6d10 |  3  | Field of Study feature |
|  7th  | etc  | etc |  etc  | etc | etc |
|  8th  | etc  | etc |  etc  | etc | etc |
|  9th  | etc  | etc |  etc  | etc | etc |
| 10th  | etc  | etc |  etc  | etc | etc |

}}