Difference between revisions of "Positional vs thematic"
From ProgClub
| Line 3: | Line 3: | ||
= Positional = | = Positional = | ||
| − | * | + | * border-radius |
| − | * | + | * border-width |
| + | * clear | ||
| + | * float | ||
| + | * font-size | ||
| + | * font-weight | ||
* height | * height | ||
| + | * letter-spacing | ||
| + | * line-height | ||
* margin | * margin | ||
* margin-top | * margin-top | ||
| Line 11: | Line 17: | ||
* margin-bottom | * margin-bottom | ||
* margin-left | * margin-left | ||
| + | * max-width | ||
| + | * overflow | ||
| + | * overflow-x | ||
| + | * overflow-y | ||
* padding | * padding | ||
* padding-top | * padding-top | ||
| Line 16: | Line 26: | ||
* padding-bottom | * padding-bottom | ||
* padding-left | * padding-left | ||
| − | * | + | * text-align |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
* vertical-align | * vertical-align | ||
| − | * | + | * width |
= Thematic = | = Thematic = | ||
| + | * background-color | ||
| + | * border-style | ||
| + | * color | ||
* cursor | * cursor | ||
| − | |||
| − | |||
| − | |||
* text-decoration | * text-decoration | ||
| − | |||
| − | |||
| − | |||
* -webkit-appearance | * -webkit-appearance | ||
Revision as of 11:06, 14 April 2020
I'm thinking about which CSS attributes are positional vs. thematic. Positional attributes can vary in a responsive design whereas thematic attributes will (probably) not.
Positional
- border-radius
- border-width
- clear
- float
- font-size
- font-weight
- height
- letter-spacing
- line-height
- margin
- margin-top
- margin-right
- margin-bottom
- margin-left
- max-width
- overflow
- overflow-x
- overflow-y
- padding
- padding-top
- padding-right
- padding-bottom
- padding-left
- text-align
- vertical-align
- width
Thematic
- background-color
- border-style
- color
- cursor
- text-decoration
- -webkit-appearance
