Book description
When youâ??re working with CSS and need an answer now, this concise yet comprehensive quick reference provides the essential information you need. Revised and updated for CSS3, this fifth edition is ideal for intermediate to advanced web designers and developers.
Youâ??ll find a short introduction to the key concepts of CSS and alphabetical summaries of CSS selectors and properties. Youâ??ll also discover information on new properties, including grid, flexbox, clipping, masking, and compositing.
- Quickly find the information you need
- Explore CSS concepts, values, selectors and queries, and properties
- Learn how new features complement and extend your CSS practices
- Discover new properties including animations, grid, flexbox, masking, filtering, and compositing in this new edition
Publisher resources
Table of contents
- Preface
- 1. Basic Concepts
- 2. Values
-
3. Selectors and Queries
-
Selectors
- Universal Selector
- Type Selector
- Descendant Selector
- Child Selector
- Adjacent Sibling Selector
- General Sibling Selector
- Class Selector
- ID Selector
- Simple Attribute Selector
- Exact Attribute Value Selector
- Partial Attribute Value Selector
- Beginning Substring Attribute Value Selector
- Ending Substring Attribute Value Selector
- Arbitrary Substring Attribute Value Selector
- Language Attribute Selector
- Structural Pseudo-Classes
- The Negation Pseudo-Class
- Interaction Pseudo-Classes
- Pseudo-Elements
- Media Queries
- Feature Queries
-
Selectors
-
4. Property Reference
- Inheritance and Animation
- Value Syntax Conventions
- Universal Values
-
Properties
- align-content Inh. N Anim. N
- align-items Inh. N Anim. N
- align-self Inh. N Anim. N
- all Inh. N Anim. N
- animation Inh. N Anim. N
- animation-delay Inh. N Anim. N
- animation-direction Inh. N Anim. N
- animation-duration Inh. N Anim. N
- animation-iteration-count Inh. N Anim. N
- animation-name Inh. N Anim. N
- animation-play-state Inh. N Anim. N
- animation-timing-function Inh. N Anim. N
- backface-visibility Inh. N Anim. N
- background Inh. N Anim. P
- background-attachment Inh. N Anim. N
- background-blend-mode Inh. N Anim. N
- background-clip Inh. N Anim. N
- background-color Inh. N Anim. Y
- background-image Inh. N Anim. N
- background-origin Inh. N Anim. N
- background-position Inh. N Anim. Y
- background-repeat Inh. N Anim. N
- background-size Inh. N Anim. Y
- border Inh. N Anim. P
- border-bottom Inh. N Anim. P
- border-bottom-color Inh. N Anim. Y
- border-bottom-left-radius Inh. N Anim. Y
- border-bottom-right-radius Inh. N Anim. Y
- border-bottom-style Inh. N Anim. N
- border-bottom-width Inh. N Anim. Y
- border-collapse Inh. Y Anim. Y
- border-color Inh. N Anim. Y
- border-image Inh. N Anim. P
- border-image-outset Inh. N Anim. Y
- border-image-repeat Inh. N Anim. N
- border-image-slice Inh. N Anim. P
- border-image-source Inh. N Anim. N
- border-image-width Inh. N Anim. Y
- border-left Inh. N Anim. P
- border-left-color Inh. N Anim. Y
- border-left-style Inh. N Anim. N
- border-left-width Inh. N Anim. Y
- border-radius Inh. N Anim. Y
- border-right Inh. N Anim. P
- border-right-color Inh. N Anim. Y
- border-right-style Inh. N Anim. N
- border-right-width Inh. N Anim. Y
- border-spacing Inh. Y Anim. Y
- border-style Inh. N Anim. N
- border-top Inh. N Anim. P
- border-top-color Inh. N Anim. Y
- border-top-left-radius Inh. N Anim. Y
- border-top-right-radius Inh. N Anim. Y
- border-top-style Inh. N Anim. N
- border-top-width Inh. N Anim. Y
- border-width Inh. N Anim. Y
- bottom Inh. N Anim. P
- box-decoration-break Inh. N Anim. N
- box-shadow Inh. N Anim. Y
- box-sizing Inh. N Anim. N
- caption-side Inh. Y Anim. N
- clear Inh. N Anim. N
- clip-path Inh. N Anim. P
- clip-rule Inh. N Anim. N
- color Inh. Y Anim. Y
- content Inh. N Anim. N
- counter-increment Inh. N Anim. N
- counter-reset Inh. N Anim. N
- cursor Inh. Y Anim. N
- direction Inh. Y Anim. Y
- display Inh. N Anim. N
- empty-cells Inh. Y Anim. N
- filter Inh. N Anim. Y
- flex Inh. N Anim. P
- flex-basis Inh. N Anim. P
- flex-direction Inh. N Anim. N
- flex-flow Inh. N Anim. N
- flex-grow Inh. N Anim. Y
- flex-shrink Inh. N Anim. Y
- flex-wrap Inh. N Anim. N
- float Inh. N Anim. N
- font Inh. Y Anim. P
- font-family Inh. Y Anim. N
- font-feature-settings Inh. Y Anim. N
- font-kerning Inh. Y Anim. N
- font-size Inh. Y Anim. P
- font-size-adjust Inh. Y Anim. Y
- font-stretch Inh. Y Anim. N
- font-style Inh. Y Anim. N
- font-synthesis Inh. Y Anim. N
- font-variant Inh. Y Anim. N
- font-weight Inh. Y Anim. N
- grid Inh. N Anim. N
- grid-area Inh. N Anim. N
- grid-auto-columns Inh. N Anim. N
- grid-auto-flow Inh. N Anim. N
- grid-auto-rows Inh. N Anim. N
- grid-column Inh. N Anim. N
- grid-column-end Inh. N Anim. N
- grid-column-gap Inh. N Anim. Y
- grid-column-start Inh. N Anim. N
- grid-gap Inh. N Anim. Y
- grid-row Inh. N Anim. N
- grid-row-end Inh. N Anim. N
- grid-row-gap Inh. N Anim. Y
- grid-row-start Inh. N Anim. N
- grid-template-areas Inh. N Anim. N
- grid-template-columns Inh. N Anim. N
- grid-template-rows Inh. N Anim. N
- height Inh. N Anim. Y
- hyphens Inh. Y Anim. N
- isolation Inh. N Anim. N
- justify-content Inh. N Anim. N
- left Inh. N Anim. P
- letter-spacing Inh. Y Anim. Y
- line-break Inh. Y Anim. Y
- line-height Inh. Y Anim. Y
- list-style Inh. Y Anim. N
- list-style-image Inh. Y Anim. N
- list-style-position Inh. Y Anim. N
- list-style-type Inh. Y Anim. N
- margin Inh. N Anim. Y
- margin-bottom Inh. N Anim. Y
- margin-left Inh. N Anim. Y
- margin-right Inh. N Anim. Y
- margin-top Inh. N Anim. Y
- mask Inh. N Anim. P
- mask-clip Inh. N Anim. N
- mask-composite Inh. N Anim. N
- mask-image Inh. N Anim. N
- mask-mode Inh. N Anim. N
- mask-origin Inh. N Anim. N
- mask-position Inh. N Anim. P
- mask-repeat Inh. N Anim. Y
- mask-size Inh. N Anim. P
- mask-type Inh. N Anim. N
- max-height Inh. N Anim. P
- max-width Inh. N Anim. P
- min-height Inh. N Anim. Y
- min-width Inh. N Anim. Y
- mix-blend-mode Inh. N Anim. N
- object-fit Inh. N Anim. N
- object-position Inh. N Anim. Y
- opacity Inh. N Anim. Y
- order Inh. N Anim. Y
- orphans Inh. N Anim. Y
- outline Inh. N Anim. P
- outline-color Inh. N Anim. Y
- outline-offset Inh. N Anim. N
- outline-style Inh. N Anim. N
- outline-width Inh. N Anim. Y
- overflow Inh. N Anim. N
- overflow-wrap Inh. Y Anim. Y
- overflow-x Inh. N Anim. N
- overflow-y Inh. N Anim. N
- padding Inh. N Anim. Y
- padding-bottom Inh. N Anim. Y
- padding-left Inh. N Anim. Y
- padding-right Inh. N Anim. Y
- padding-top Inh. N Anim. Y
- page Inh. N Anim. N
- page-break-after Inh. N Anim. N
- page-break-before Inh. N Anim. N
- page-break-inside Inh. Y Anim. N
- perspective Inh. N Anim. Y
- perspective-origin Inh. N Anim. P
- position Inh. N Anim. N
- quotes Inh. Y Anim. N
- resize Inh. N Anim. N
- right Inh. N Anim. P
- shape-image-threshold Inh. N Anim. Y
- shape-margin Inh. N Anim. Y
- shape-outside Inh. N Anim. P
- size Inh. N Anim. N
- tab-size Inh. Y Anim. Y
- table-layout Inh. Y Anim. N
- text-align Inh. Y Anim. N
- text-align-last Inh. Y Anim. N
- text-decoration Inh. N Anim. N
- text-indent Inh. Y Anim. Y
- text-orientation Inh. Y Anim. Y
- text-rendering Inh. Y Anim. Y
- text-shadow Inh. N Anim. Y
- text-transform Inh. Y Anim. N
- top Inh. N Anim. P
- transform Inh. N Anim. P
- transform-origin Inh. N Anim. P
- transform-style Inh. N Anim. N
- transition Inh. N Anim. N
- transition-delay Inh. N Anim. N
- transition-duration Inh. N Anim. N
- transition-property Inh. N Anim. N
- transition-timing-function Inh. N Anim. N
- unicode-bidi Inh. N Anim. Y
- vertical-align Inh. N Anim. P
- visibility Inh. Y Anim. N
- white-space Inh. N Anim. N
- widows Inh. N Anim. Y
- width Inh. N Anim. Y
- word-break Inh. Y Anim. Y
- word-spacing Inh. Y Anim. Y
- writing-mode Inh. Y Anim. Y
- z-index Inh. N Anim. Y
- Index
Product information
- Title: CSS Pocket Reference, 5th Edition
- Author(s):
- Release date: April 2018
- Publisher(s): O'Reilly Media, Inc.
- ISBN: 9781492033394
You might also like
book
HTML5 Pocket Reference, 5th Edition
Need help finding the right HTML5 element or attribute for your web page or application? HTML5 …
book
CSS3 Quick Syntax Reference: A Pocket Guide to the Cascading Style Sheets Language
The CSS3 Quick Syntax Reference is a 150-page syntax reference to the Cascading Style Sheets language. …
video
CSS in JavaScript
Bring your style to the component age, just like JavaScript! Components are the fundamental building block …
book
CSS Secrets
In this practical guide, CSS expert Lea Verou provides 47 undocumented techniques and tips to help …