dane-m
5/27/2017 - 10:54 AM

CSS Property Order

CSS Property Order #css #organization

.selector { 
  /* Positioning */ 
  position: absolute;
  z-index: 10; 
  top: 0; 
  right: 0; 
  
  /* Display & Box Model */ 
  display: inline-block; 
  overflow: hidden; 
  box-sizing: border-box; 
  width: 100px; 
  height: 100px; 
  padding: 10px; 
  margin: 10px; 
  border: 10px solid #333; 
  
  /* Color */ 
  background: #000; 
  color: #fff;
  
  /* Text */ 
  font-family: sans-serif; 
  font-size: 16px; 
  line-height: 1.4; 
  text-align: right; 
  
  /* Other */ 
  cursor: pointer; 
}