Difference between revisions of "Positional vs thematic"
From ProgClub
(Progress...) |
|||
(6 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
+ | [[User:John|I'm]] thinking about which CSS attributes are [[#Positional|positional]] vs. [[#Thematic|thematic]]. Positional attributes can vary in a responsive design whereas thematic attributes will (probably) not. | ||
+ | |||
= 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 9: | Line 17: | ||
* margin-bottom | * margin-bottom | ||
* margin-left | * margin-left | ||
+ | * max-width | ||
+ | * min-width | ||
+ | * overflow | ||
+ | * overflow-x | ||
+ | * overflow-y | ||
* padding | * padding | ||
* padding-top | * padding-top | ||
Line 14: | Line 27: | ||
* padding-bottom | * padding-bottom | ||
* padding-left | * padding-left | ||
− | * | + | * text-align |
− | * | + | * vertical-align |
− | * | + | * width |
− | |||
− | |||
− | |||
− | |||
− | |||
= Thematic = | = Thematic = | ||
− | |||
− | |||
* background-color | * background-color | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
* border-style | * border-style | ||
+ | * color | ||
+ | * cursor | ||
+ | * text-decoration (arguable) | ||
* -webkit-appearance | * -webkit-appearance |
Latest revision as of 12:08, 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
- min-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 (arguable)
- -webkit-appearance