Articles by

Geoff Graham

Read, write, coffee, web, repeat.

caret

caret in CSS is a shorthand property that combines the caret-color and caret-shape properties into a single declaration. So, we get to write this:

.element {
  caret: #ff7a18 underscore;
}

…which is akin to writing this:

.element {
  caret-color: #ff7a18;
  
Avatar of Geoff Graham
Geoff Graham on

aspect-ratio

The CSS property aspect-ratio lets you create boxes that maintain proportional dimensions where the height and width of a box are calculated automatically as a ratio. It’s a little math-y, but the idea is that you can divide one value …

Avatar of Geoff Graham
Geoff Graham on (Updated on )

margin-block-end

The margin-block-end property in CSS defines the amount of space along the outer ending edge of an element in the block direction. It's included in the CSS Logical Properties Level 1 specification, which is currently in Working Draft.
Avatar of Geoff Graham
Geoff Graham on (Updated on )

margin-block-start

The margin-block-start property in CSS defines the amount of space along the outer starting edge of an element in the block direction. It’s included in the CSS Logical Properties Level 1 specification, which is currently in Working Draft.
Avatar of Geoff Graham
Geoff Graham on (Updated on )