--- id: 62a24128d5e8af1b47ad1aab title: Step 11 challengeType: 0 dashedName: step-11 --- # --description-- Assegna agli elementi `#controls` e `#stats` un `border` con il valore `1px solid black`, imposta il colore del testo su `black` e il padding su `5px`. # --hints-- Dovresti avere un selettore `#controls, #stats`. ```js const selector = new __helpers.CSSHelp(document).getStyle('#controls, #stats'); assert.exists(selector); ``` Il selettore `#controls, #stats` dovrebbe avere una proprietà `border` con il valore `1px solid black`. ```js const border = new __helpers.CSSHelp(document).getStyle('#controls, #stats')?.getPropertyValue('border'); assert.equal(border, '1px solid black'); ``` Il selettore `#controls, #stats` dovrebbe avere una proprietà `color` con il valore `black`. ```js const color = new __helpers.CSSHelp(document).getStyle('#controls, #stats')?.getPropertyValue('color'); assert.equal(color, 'black'); ``` Il selettore `#controls, #stats` dovrebbe avere `5px` di padding. ```js const padding = new __helpers.CSSHelp(document).getStyle('#controls, #stats')?.getPropertyValue('padding'); assert.equal(padding, '5px'); ``` # --seed-- ## --seed-contents-- ```html RPG - Dragon Repeller
XP: 0 Health: 100 Gold: 50
Monster Name: Health:
Welcome to Dragon Repeller. You must defeat the dragon that is preventing people from leaving the town. You are in the town square. Where do you want to go? Use the buttons above.
``` ```css body { background-color: darkblue; } #text { background-color: black; color: white; padding: 10px; } #game { max-width: 500px; max-height: 400px; background-color: lightgray; color: white; margin: 0 auto; padding: 10px; } --fcc-editable-region-- --fcc-editable-region-- ```