--- id: 60b69a66b6ddb80858c5158c title: Step 22 challengeType: 0 dashedName: step-22 --- # --description-- Usando un selettore `id`, crea una regola per l'elemento `black-mask`. Dagli una proprietà `width` del `100%`, una proprietà `height` di `50px` e un `background-color` con il valore `rgb(45, 31, 19)`. # --hints-- Dovresti avere un selettore `#black-mask`. ```js assert(new __helpers.CSSHelp(document).getStyle('#black-mask')); ``` Il selettore `#black-mask` dovrebbe avere una proprietà `width` impostata sul `100%`. ```js assert(new __helpers.CSSHelp(document).getStyle('#black-mask')?.width === '100%'); ``` Il selettore `#black-mask` dovrebbe avere una proprietà `height` impostata a `50px`. ```js assert(new __helpers.CSSHelp(document).getStyle('#black-mask')?.height === '50px'); ``` Il selettore `#black-mask` dovrebbe avere una proprietà `background-color` con il valore `rgb(45, 31, 19)`. ```js assert(new __helpers.CSSHelp(document).getStyle('#black-mask')?.backgroundColor === 'rgb(45, 31, 19)'); ``` # --seed-- ## --seed-contents-- ```html Picasso Painting
``` ```css body { background-color: rgb(184, 132, 46); } #back-wall { background-color: #8B4513; width: 100%; height: 60%; position: absolute; top: 0; left: 0; z-index: -1; } #offwhite-character { width: 300px; height: 550px; background-color: GhostWhite; position: absolute; top: 20%; left: 17.5%; } #white-hat { width: 0; height: 0; border-style: solid; border-width: 0 120px 140px 180px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: GhostWhite; border-left-color: transparent; position: absolute; top: -140px; left: 0; } --fcc-editable-region-- --fcc-editable-region-- ```