Official Certification Course

Become a cssref Developer

Master cssref with our comprehensive, free interactive course. Pass the exam to earn your industry-recognized certificate. Includes interactive examples, quizzes, and a verifiable digital certificate upon completion.

Start Learning Take Certification Exam

cssref

Course Syllabus

3CSS Selectors Reference

4CSS Combinators Reference

5CSS Pseudo-classes Reference

6CSS Pseudo-elements Reference

7CSS At-rules Reference

8CSS Functions Reference

9CSS Aural Reference

10CSS Web Safe Fonts

11CSS Animatable

13CSS PX to EM Conversion

15CSS Legal Color Values

16CSS Default Browser Values for HTML Elements

17CSS Reference Browser Support

19CSS Fallback Fonts

20CSS accent-color property

21CSS align-content property

22CSS align-items property

23CSS align-self property

24CSS all property

25CSS animation Property

26CSS animation-delay Property

27CSS animation-direction Property

28CSS animation-duration Property

29CSS animation-fill-mode Property

30CSS animation-iteration-count Property

31CSS animation-name Property

32CSS animation-play-state Property

33CSS animation-timing-function Property

34CSS aspect-ratio property

35CSS backdrop-filter

36CSS backface-visibility property

37CSS background property

38CSS background-attachment property

39CSS background-blend-mode property

40CSS background-clip

41CSS background-color property

42CSS background-image property

43CSS background-origin property

44CSS background-position property

45CSS background-position-x property

46CSS background-position-y property

47CSS background-repeat property

48CSS background-size property

49CSS block-size property

50CSS border property

51CSS border-block property

52CSS border-block-color property

53CSS border-block-end property

54CSS border-block-end-color property

55CSS border-block-end-style property

56CSS border-block-end-width property

57CSS border-block-start property

58CSS border-block-start-color property

59CSS border-block-start-style property

60CSS border-block-start-width property

61CSS border-block-style property

62CSS border-block-width property

63CSS border-bottom property

64CSS border-bottom-color property

65CSS border-bottom-left-radius property

66CSS border-bottom-right-radius property

67CSS border-bottom-style property

68CSS border-bottom-width property

69CSS border-collapse property

70CSS border-color property

71CSS border-end-end-radius property

72CSS border-end-start-radius property

73CSS border-image property

74CSS border-image-outset property

75CSS border-image-repeat property

76CSS border-image-slice property

77CSS border-image-source property

78CSS border-image-width property

79CSS border-inline property

80CSS border-inline-color property

81CSS border-inline-end property

82CSS border-inline-end-color property

83CSS border-inline-end-style property

84CSS border-inline-end-width property

85CSS border-inline-start property

86CSS border-inline-start-color property

87CSS border-inline-start-style property

88CSS border-inline-start-width property

89CSS border-inline-style property

90CSS border-inline-width property

91CSS Border-left Property

92CSS border-left-color property

93CSS border-left-style property

94CSS border-left-width property

95CSS border-radius property

96CSS border-right property

97CSS border-right-color property

98CSS border-right-style property

99CSS border-right-width property

100CSS border-spacing property

101CSS border-start-end-radius property

102CSS border-start-start-radius property

103CSS border-style property

104CSS border-top property

105CSS border-top-color property

106CSS border-top-left-radius property

107CSS border-top-right-radius property

108CSS border-top-style property

109CSS border-top-width property

110CSS border-width property

111CSS bottom Property

112CSS box-decoration-break property

113CSS box-shadow property

114CSS box-sizing property

115CSS break-after Property

116CSS break-before Property

117CSS break-inside Property

118CSS caption-side property

119CSS caret-color property

120CSS @charset Rule

121CSS clear property

122CSS clip property

123CSS clip-path property

124CSS color property

125CSS color-scheme property

126CSS column-count property

127CSS column-fill property

128CSS column-gap property

129CSS column-rule property

130CSS column-rule-color property

131CSS column-rule-style property

132CSS column-rule-width property

133CSS column-span property

134CSS column-width property

135CSS columns property

136CSS @container Rule

137CSS Content Property

138CSS counter-increment property

139CSS counter-reset property

140CSS counter-set property

141CSS @counter-style Rule

142CSS cursor property

143CSS direction property

144CSS display property

145CSS Empty-cells Property

146CSS filter Property

147CSS flex property

148CSS flex-basis property

149CSS flex-direction property

150CSS flex-flow property

151CSS flex-grow property

152CSS flex-shrink property

153CSS flex-wrap property

154CSS float property

155CSS font property

156CSS @font-face Rule

157CSS font-family property

158CSS font-feature-settings property

159CSS font-kerning property

160CSS @font-palette-values Rule

161CSS font-size property

162CSS font-size-adjust property

163CSS font-stretch property

164CSS font-style property

165CSS font-variant property

166CSS font-variant-caps property

167CSS font-weight property

168CSS gap property

169CSS grid property

170CSS grid-area property

171CSS grid-auto-columns property

172CSS grid-auto-flow property

173CSS grid-auto-rows property

174CSS grid-column property

175CSS grid-column-end property

176CSS grid-column-start property

177CSS grid-row property

178CSS grid-row-end property

179CSS grid-row-start property

180CSS grid-template property

181CSS grid-template-areas property

182CSS grid-template-columns property

183CSS grid-template-rows property

184CSS hanging-punctuation property

185CSS height property

186CSS hyphens property

187CSS hyphenate-character property

188CSS image-rendering property

189CSS @import Rule

190CSS initial-letter property

191CSS inline-size property

192CSS inset property

193CSS inset-block property

194CSS inset-block-end property

195CSS inset-block-start property

196CSS inset-inline property

197CSS inset-inline-end property

198CSS inset-inline-start property

199CSS isolation property

200CSS justify-content property

201CSS justify-items property

202CSS justify-self property

203CSS @keyframes Rule

204CSS @layer Rule

205CSS left property

206CSS letter-spacing property

207CSS line-height property

208CSS list-style property

209CSS list-style-image property

210CSS list-style-position property

211CSS list-style-type property

212CSS margin property

213CSS margin-block property

214CSS margin-block-end property

215CSS margin-block-start property

216CSS margin-inline property

217CSS margin-inline-end property

218CSS margin-inline-start property

219CSS margin-left property

220CSS margin-right property

221CSS margin-top property

222CSS marker property

223CSS marker-end property

224CSS marker-mid property

225CSS marker-start property

226CSS mask property

227CSS mask-clip property

228CSS mask-composite property

229CSS mask-image property

230CSS mask-mode property

231CSS mask-origin property

232CSS mask-position property

233CSS mask-repeat property

234CSS mask-size property

235CSS mask-type property

236CSS max-block-size property

237CSS max-height property

238CSS max-inline-size property

239CSS max-width property

240CSS @media Rule

241CSS min-block-size property

242CSS min-inline-size property

243CSS min-height Property

244CSS min-width property

245CSS mix-blend-mode property

246CSS @namespace Rule

247CSS object-fit property

248CSS object-position property

249CSS offset property

250CSS offset-anchor property

251CSS offset-distance property

252CSS offset-path property

253CSS offset-position property

254CSS offset-rotate property

255CSS opacity property

256CSS order property

257CSS orphans property

258CSS outline Property

259CSS outline-color property

260CSS outline-offset property

261CSS outline-style Property

262CSS outline-width Property

263CSS overflow property

264CSS overflow-anchor property

265CSS overflow-wrap property

266CSS overflow-x property

267CSS overflow-y property

268CSS overscroll-behavior property

269CSS overscroll-behavior-block property

270CSS overscroll-behavior-inline property

271CSS overscroll-behavior-x property

272CSS overscroll-behavior-y property

273CSS padding property

274CSS padding-block property

275CSS padding-block-end property

276CSS padding-block-start property

277CSS padding-bottom Property

278CSS padding-inline property

279CSS padding-inline-end property

280CSS padding-inline-start property

281CSS padding-left property

282CSS padding-right property

283CSS padding-top property

284CSS @page Rule

285CSS Page-break-after Property

286CSS page-break-before property

287CSS page-break-inside property

288CSS paint-order Property

289CSS perspective property

290CSS perspective-origin property

291CSS place-content property

292CSS place-items property

293CSS place-self property

294CSS pointer-events property

295CSS position property

296CSS @property Rule

297CSS quotes property

298CSS resize property

299CSS right property

300CSS rotate property

301CSS row-gap property

302CSS scale property

303CSS @scope Rule

304CSS scroll-behavior property

305CSS scroll-margin property

306CSS scroll-margin-block property

307CSS scroll-margin-block-end property

308CSS scroll-margin-block-start property

309CSS scroll-margin-bottom property

310CSS scroll-margin-inline property

311CSS scroll-margin-inline-end property

312CSS scroll-margin-inline-start property

313CSS scroll-margin-left property

314CSS scroll-margin-right property

315CSS scroll-margin-top property

316CSS scroll-padding property

317CSS scroll-padding-block property

318CSS scroll-padding-block-end property

319CSS scroll-padding-block-start property

320CSS scroll-padding-bottom property

321CSS scroll-padding-inline property

322CSS scroll-padding-inline-end property

323CSS scroll-padding-bottom property

324CSS scroll-padding-left property

325CSS scroll-padding-right property

326CSS scroll-padding-top property

327CSS scroll-snap-align property

328CSS scroll-snap-align property

329CSS scroll-snap-type property

330CSS scrollbar-color property

331CSS shape-outside property

332CSS @starting-style Rule

333CSS @supports Rule

334CSS tab-size property

335CSS table-layout property

336CSS text-align property

337CSS text-align-last property

338CSS text-decoration property

339CSS text-decoration-color property

340CSS text-decoration-line property

341CSS text-decoration-style property

342CSS text-decoration-thickness property

343CSS text-emphasis property

344CSS text-emphasis-color property

345CSS text-emphasis-position property

346CSS text-emphasis-style property

347CSS text-indent property

348CSS text-justify property

349CSS text-orientation property

350CSS text-overflow property

351CSS text-shadow property

352CSS text-transform property

353CSS text-underline-offset property

354CSS text-underline-position property

355CSS top property

356CSS transform property

357CSS transform-origin property

358CSS transform-style property

359CSS transition Property

360CSS transition-delay Property

361CSS transition-duration Property

362CSS transition-property Property

363CSS transition-timing-function Property

364CSS translate property

365CSS unicode-bidi property

366CSS user-select property

367CSS vertical-align property

368CSS visibility property

369CSS white-space property

370CSS widows property

371CSS width property

372CSS word-break property

373CSS word-spacing property

374CSS word-wrap property

375CSS writing-mode property

376CSS z-index property

377CSS zoom property

379CSS element Selector

380CSS #id Selector

381CSS .class Selector

382CSS Universal (*) Selector

383CSS Selector list (,) Combinator

384CSS Legal Color Values

385CSS :link Pseudo-class

386CSS :visited Pseudo-class

387CSS :hover Pseudo-class

388CSS :active Pseudo-class

389CSS :nth-child() Pseudo-class

390CSS ::after Pseudo-element

391CSS Descendant ( ) Combinator

392CSS Child (>) Combinator

393CSS Next-sibling (+) Combinator

394CSS Subsequent-sibling (~) Combinator

395CSS :focus Pseudo-class

396CSS :first-child Pseudo-class

397CSS :lang() Pseudo-class

398CSS ::first-line Pseudo-element

399CSS ::first-letter Pseudo-element

400CSS ::before Pseudo-element

401CSS ::marker Pseudo-element

402CSS ::selection Pseudo-element

403CSS ::backdrop Pseudo-element

404CSS [attribute] Selector

405CSS [attribute=value] Selector

406CSS [attribute~=value] Selector

407CSS [attribute|=value] Selector

408CSS [attribute^=value] Selector

409CSS [attribute$=value] Selector

410CSS [attribute*=value] Selector

411CSS counter() function

412CSS counters() function

413CSS inherit keyword

414CSS calc() function

415CSS max() function

416CSS min() function

417CSS clamp() function

418CSS linear-gradient() function

419CSS repeating-linear-gradient() function

420CSS radial-gradient() function

421CSS repeating-radial-gradient() function

422CSS conic-gradient() function

423CSS repeating-conic-gradient() function

424CSS translate() function

425CSS rotate() function

426CSS scaleX() function

427CSS scaleY() function

428CSS scale() function

429CSS skewX() function

430CSS skewY() function

431CSS skew() function

432CSS matrix() function

433CSS translateX() function

434CSS translateY() function

435CSS rotateX() function

436CSS rotateY() function

437CSS rotateZ() function

438CSS matrix3d() function

439CSS scale3d() function

440CSS rotate3d() function

441CSS perspective() function

442CSS blur() function

443CSS brightness() function

444CSS contrast() function

445CSS drop-shadow() function

446CSS grayscale() function

447CSS hue-rotate() function

448CSS invert() function

449CSS opacity() function

450CSS saturate() function

451CSS sepia() function

452CSS circle() function

453CSS ellipse() function

454CSS polygon() function

455CSS var() function

456CSS :root Pseudo-class

457CSS @property Rule

458CSS repeat() function

459CSS minmax() function

460Try CSS Selector

461CSS Nesting (&) Selector

462CSS :any-link Pseudo-class

463CSS :autofill Pseudo-class

464CSS :checked Pseudo-class

465CSS :default Pseudo-class

466CSS :defined Pseudo-class

467CSS :dir() Pseudo-class

468CSS :disabled Pseudo-class

469CSS :empty Pseudo-class

470CSS :enabled Pseudo-class

471CSS :first Pseudo-class

472CSS :first-of-type Pseudo-class

473CSS :focus-visible Pseudo-class

474CSS :focus-within Pseudo-class

475CSS :fullscreen Pseudo-class

476CSS :has Pseudo-class

477CSS :in-range Pseudo-class

478CSS :indeterminate Pseudo-class

479CSS :invalid Pseudo-class

480CSS :is Pseudo-class

481CSS :last-child Pseudo-class

482CSS :last-of-type Pseudo-class

483CSS :left Pseudo-class

484CSS :modal Pseudo-class

485CSS :not() Pseudo-class

486CSS :nth-last-child() Pseudo-class

487CSS :nth-last-of-type() Pseudo-class

488CSS :nth-of-type() Pseudo-class

489CSS :only-child Pseudo-class

490CSS :only-of-type Pseudo-class

491CSS :optional Pseudo-class

492CSS :out-of-range Pseudo-class

493CSS :placeholder-shown Pseudo-class

494CSS :popover-open Pseudo-class

495CSS :read-only Pseudo-class

496CSS :read-write Pseudo-class

497CSS :required Pseudo-class

498CSS :right Pseudo-class

499CSS :root Pseudo-class

500CSS :target Pseudo-class

501CSS :user-invalid Pseudo-class

502CSS :user-valid Pseudo-class

503CSS :valid Pseudo-class

504CSS :where Pseudo-class

505CSS ::file-selector-button Pseudo-element

506CSS ::grammar-error Pseudo-element

507CSS ::highlight() Pseudo-element

508CSS ::placeholder Pseudo-element

509CSS ::spelling-error Pseudo-element

510CSS acos() function

511CSS asin() function

512CSS atan() function

513CSS atan2() function

514CSS attr() function

515CSS color() function

516CSS color-mix() function

517CSS cos() function

518CSS cubic-bezier() function

519CSS exp() function

520CSS fit-content() function

521CSS hsl() function

522CSS hwb() function

523CSS hypot() function

524CSS inset() function

525CSS lab() function

526CSS lch() function

527CSS light-dark() function

528CSS log() function

529CSS mod() function

530CSS oklab() function

531CSS oklch() function

532CSS pow() function

533CSS ray() function

534CSS rem() function

535CSS rgb() function

536CSS round() function

537CSS sin() function

538CSS sqrt() function

539CSS steps() function

540CSS tan() function

541CSS url() function

542CSS column-gap property

543CSS gap property

544CSS row-gap property

545CSS rgb() function

546CSS hsl() function

547CSS mask-type property

548CSS text-align property

549CSS caption-side property

550CSS initial keyword

551CSS @keyframes Rule

552CSS background-image property

553CSS @charset Rule

554CSS @font-face Rule

555CSS @import Rule

556CSS animation Property

557CSS @media Rule

558CSS background-blend-mode property

559CSS object-position property

560CSS object-fit property

561CSS filter Property

562CSS :nth-child() Pseudo-class

563CSS scroll-behavior property

564CSS overflow property

565CSS [attribute] Selector

566CSS ::placeholder Pseudo-element

567CSS resize property

568CSS user-select property

569CSS ::selection Pseudo-element

570CSS @media Rule

571CSS display property

572CSS outline Property

573CSS line-height property

574CSS #id Selector

575CSS .class Selector

576CSS Selectors Reference

577CSS direction property

578CSS initial keyword

579CSS inherit keyword

580CSS align-content property

581CSS align-items property

582CSS align-self property

583CSS animation-delay Property

584CSS animation-direction Property

585CSS animation-duration Property

586CSS animation-fill-mode Property

587CSS animation-iteration-count Property

588CSS animation-name Property

589CSS animation-timing-function Property

590CSS animation-play-state Property

591CSS background property

592CSS background-attachment property

593CSS background-color property

594CSS background-origin property

595CSS background-position property

596CSS background-repeat property

597CSS background-size property

598CSS backface-visibility property

599CSS border property

600CSS border-bottom property

601CSS border-bottom-color property

602CSS border-bottom-left-radius property

603CSS border-bottom-right-radius property

604CSS border-bottom-style property

605CSS border-bottom-width property

606CSS border-collapse property

607CSS border-color property

608CSS border-image property

609CSS border-image-outset property

610CSS border-image-repeat property

611CSS border-image-slice property

612CSS border-image-source property

613CSS border-image-width property

614CSS Border-left Property

615CSS border-left-color property

616CSS border-left-style property

617CSS border-left-width property

618CSS border-radius property

619CSS border-right property

620CSS border-right-color property

621CSS border-right-style property

622CSS border-right-width property

623CSS border-spacing property

624CSS border-style property

625CSS border-top property

626CSS border-top-color property

627CSS border-top-left-radius property

628CSS border-top-right-radius property

629CSS border-top-style property

630CSS border-top-width property

631CSS border-width property

632CSS bottom Property

633CSS box-shadow property

634CSS box-sizing property

635CSS caret-color property

636CSS clear property

637CSS clip property

638CSS color property

639CSS column-count property

640CSS column-fill property

641CSS column-gap property

642CSS column-rule property

643CSS column-rule-color property

644CSS column-rule-style property

645CSS column-rule-width property

646CSS columns property

647CSS column-span property

648CSS column-width property

649CSS cursor property

650CSS Empty-cells Property

651CSS opacity property

652CSS flex property

653CSS flex-basis property

654CSS flex-direction property

655CSS flex-flow property

656CSS flex-grow property

657CSS flex-shrink property

658CSS flex-wrap property

659CSS font property

660CSS Web Safe Fonts

661CSS font-family property

662CSS font-size property

663CSS font-style property

664CSS font-variant property

665CSS font-weight property

666CSS height property

667CSS isolation property

668CSS justify-content property

669CSS left property

670CSS letter-spacing property

671CSS list-style property

672CSS list-style-image property

673CSS list-style-position property

674CSS list-style-type property

675CSS margin property

676CSS margin-bottom property

677CSS margin-left property

678CSS margin-right property

679CSS margin-top property

680CSS max-height property

681CSS max-width property

682CSS min-height Property

683CSS min-width property

684CSS order property

685CSS outline-color property

686CSS outline-offset property

687CSS outline-style Property

688CSS outline-width Property

689CSS overflow-x property

690CSS overflow-y property

691CSS padding property

692CSS padding-bottom Property

693CSS padding-left property

694CSS padding-right property

695CSS padding-top property

696CSS Page-break-after Property

697CSS page-break-before property

698CSS page-break-inside property

699CSS perspective property

700CSS perspective-origin property

701CSS position property

702CSS quotes property

703CSS right property

704CSS table-layout property

705CSS tab-size property

706CSS text-align-last property

707CSS text-decoration property

708CSS text-decoration-color property

709CSS text-decoration-line property

710CSS text-decoration-style property

711CSS text-indent property

712CSS text-overflow property

713CSS text-shadow property

714CSS text-transform property

715CSS top property

716CSS transform property

717CSS transform-origin property

718CSS transform-style property

719CSS transition Property

720CSS transition-property Property

721CSS transition-duration Property

722CSS transition-timing-function Property

723CSS transition-delay Property

724CSS unicode-bidi property

725CSS vertical-align property

726CSS visibility property

727CSS width property

728CSS word-break property

729CSS word-spacing property

730CSS word-wrap property

731CSS z-index property

732CSS :active Pseudo-class

733CSS :link Pseudo-class

734CSS :visited Pseudo-class

Certificate of Completion

Pass the exam with 70% or higher to earn your official, verifiable certificate.

Exam Duration30 Mins

Questions20-30

Passing Score70%

Why learn cssref?

High demand in the job market
Core technology for web development
Foundation for advanced frameworks