---
id: 5f459a7ceb8b5c446656d88b
title: Step 70
challengeType: 0
dashedName: step-70
---
# --description--
Notice the grey color along the edges of the line. Those edges are known as borders. Each side of an element can have a different color or they can all be the same.
Make all the edges of the `hr` element the same color as the background of it using the `border-color` property.
# --hints--
You should set the `border-color` property to `brown`.
```js
const hasBorderColor = new __helpers.CSSHelp(document).getCSSRules().some(x => x.style['border-color'] === 'brown');
assert(hasBorderColor);
```
Your `hr` element should have a `border-color` of `brown`.
```js
const hrBorderColor = new __helpers.CSSHelp(document).getStyle('hr')?.getPropertyValue('border-color');
assert(hrBorderColor === 'brown');
```
# --seed--
## --seed-contents--
```html
Cafe Menu