Difference between revisions of "Positional vs thematic"

From ProgClub
Jump to: navigation, search
(Progress...)
 
(7 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 =
  
* max-width
+
* border-radius
* width
+
* 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
* font-size
+
* text-align
* line-height
+
* vertical-align
* letter-spacing
+
* width
* float (either)
 
* border-width
 
  
 
= Thematic =
 
= Thematic =
  
* cursor
 
* color
 
 
* background-color
 
* background-color
* clear
 
* vertical-align
 
* text-align
 
* font-weight (contentious)
 
* text-align
 
* text-decoration
 
* float (either)
 
* border-radius (contentious)
 
 
* border-style
 
* border-style
 +
* color
 +
* cursor
 +
* text-decoration (arguable)
 +
* -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