2022-06-07 17:06:49 +00:00
---
id: 5d822fd413a79914d39e98ce
title: Step 6
challengeType: 0
dashedName: step-6
---
# --description--
Imposta anche `box-sizing` su `border-box` per tutti gli elementi. In questo modo, il bordo che hai aggiunto non aumenterà la dimensione degli elementi.
# --hints--
Dovresti usare la proprietà `box-sizing` .
```js
assert(new __helpers.CSSHelp(document).isPropertyUsed('box-sizing'));
```
Dovresti utilizzare il selettore `*` esistente.
```js
// Two selectors create two CSSStyleRule objects
assert.equal(new __helpers.CSSHelp(document).getStyleDeclarations('*').length, 1);
```
Tutti gli elementi dovrebbero avere una proprietà `box-sizing` con il valore `border-box` .
```js
const astStyles = new __helpers.CSSHelp(document).getStyle('*');
assert.equal(astStyles.boxSizing, 'border-box');
```
# --seed--
## --seed-contents--
```html
<!DOCTYPE html>
2022-07-05 17:37:27 +00:00
< html lang = "en" >
2022-06-07 17:06:49 +00:00
< head >
2022-07-05 17:37:27 +00:00
< meta charset = "UTF-8" >
2022-06-07 17:06:49 +00:00
< title > City Skyline< / title >
2022-06-21 15:00:08 +00:00
< link href = "styles.css" rel = "stylesheet" / >
2022-06-07 17:06:49 +00:00
< / head >
< body >
< / body >
< / html >
```
```css
--fcc-editable-region--
* {
border: 1px solid black;
}
--fcc-editable-region--
```