--- id: 60b69a66b6ddb80858c5158a title: Step 20 challengeType: 0 dashedName: step-20 --- # --description-- Adesso hai una grande scatola. Assegna all'elemento delle proprietà `border-top-color`, `border-right-color` e `border-left-color` con il valore `transparent`. Imposta il `border-bottom-color` su `GhostWhite`. Così assomiglierà di più a un cappello. # --hints-- Il selettore `#white-hat` dovrebbe avere una proprietà `border-top-color` impostata su `transparent`. ```js assert(new __helpers.CSSHelp(document).getStyle('#white-hat')?.borderTopColor === 'transparent'); ``` Il selettore `#white-hat` dovrebbe avere una proprietà `border-right-color` impostata su `transparent`. ```js assert(new __helpers.CSSHelp(document).getStyle('#white-hat')?.borderRightColor === 'transparent'); ``` Il selettore `#white-hat` dovrebbe avere una proprietà `border-left-color` impostata su `transparent`. ```js assert(new __helpers.CSSHelp(document).getStyle('#white-hat')?.borderLeftColor === 'transparent'); ``` Il selettore `#white-hat` dovrebbe avere una proprietà `border-bottom-color` impostata su `GhostWhite`. ```js assert(new __helpers.CSSHelp(document).getStyle('#white-hat')?.borderBottomColor === 'ghostwhite'); ``` # --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; --fcc-editable-region-- --fcc-editable-region-- } ```