Direct link to the article Supercharging Built-In Elements With Web Components “is” Easier Than You Think

Supercharging Built-In Elements With Web Components “is” Easier Than You Think

We’ve already discussed how creating web components is easier than you think, but there’s another aspect of the specification that we haven’t discussed yet and it’s a way to customize (nay, supercharge) a built-in element. It’s similar to …

Avatar of John Rhea
John Rhea on (Updated on )
Direct link to the article border-block

border-block

border-block is a CSS logical shorthand property that combines border-block-color, border-block-style, and border-block-width into a single declaration.

.element {
  border-block: 5px solid red;
  writing-mode: horizontal-tb;
}

border-block is the logical equivalent to physical properties including border-top and border-bottom

Avatar of Joel Olawanle
Joel Olawanle on (Updated on )
Direct link to the article border-inline

border-inline

border-inline is a CSS logical shorthand property that combines border-inline-color, border-inline-style, and border-inline-width into a single declaration, styling an element’s borders in the inline (left and right) direction.

.element {
  border-inline: 5px solid red;
  writing-mode: horizontal-tb;
}

border-inline

Avatar of Joel Olawanle
Joel Olawanle on (Updated on )