Click here to view more cat photos.

Things cats love:
- cat nip
- laser pointers
- lasagna
Top 3 things cats hate:
- flea treatment
- thunder
- other cats
---
id: bad87fee1348bd9bedf08813
title: Add Borders Around Your Elements
challengeType: 0
videoUrl: 'https://scrimba.com/c/c2MvnHZ'
forumTopicId: 16630
dashedName: add-borders-around-your-elements
---
# --description--
CSS borders have properties like `style`, `color` and `width`.
For example, if we wanted to create a red, 5 pixel border around an HTML element, we could use this class:
```html
```
# --instructions--
Create a class called `thick-green-border`. This class should add a 10px, solid, green border around an HTML element. Apply the class to your cat photo.
Remember that you can apply multiple classes to an element using its `class` attribute, by separating each class name with a space. For example:
```html
```
# --hints--
Your `img` element should have the class `smaller-image`.
```js
assert($('img').hasClass('smaller-image'));
```
Your `img` element should have the class `thick-green-border`.
```js
assert($('img').hasClass('thick-green-border'));
```
Your image should have a border width of `10px`.
```js
assert(
$('img').hasClass('thick-green-border') &&
parseInt($('img').css('border-top-width'), 10) >= 8 &&
parseInt($('img').css('border-top-width'), 10) <= 12
);
```
Your image should have a border style of `solid`.
```js
assert($('img').css('border-right-style') === 'solid');
```
The border around your `img` element should be green.
```js
assert($('img').css('border-left-color') === 'rgb(0, 128, 0)');
```
# --seed--
## --seed-contents--
```html
Click here to view more cat photos.
Things cats love:
Top 3 things cats hate:
Click here to view more cat photos.
Things cats love:
Top 3 things cats hate: