Understanding The CSS Property Value Syntax


  

The World Wide Web Consortium uses a particular syntax to define the possible values that can be used for all CSS properties. You may have seen this syntax in action if you have ever looked at a CSS specification — as in the syntax for border-image-slice.

Understanding The CSS Property Value Syntax

Let’s take a look: <'border-­image-­slice'> = [<number> | <percentage>]{1,4} && fill? This syntax can be hard to understand if you don’t know the various symbols and how they work. However, it is worth taking the time to learn. If you understand how the W3C defines property values, you will be able to understand any of the W3C’s CSS specifications.

The post Understanding The CSS Property Value Syntax appeared first on Smashing Magazine.


Source: Smashing Magazine