bnn-box.md

bnn-box

Summary

The bnn-box property provide a simple abstraction for the box model.

---

Syntax

.foo {
  bnn-box: inside | outside
}

Initial value: outside

---

Examples

Inside box model

Banana code:

.foo {
  bnn-box: inside;
}

Generated CSS code:

.foo {
  box-sizing: border-box;
}

Outside box model

Banana code:

.foo {
  bnn-box: outside;
}

Generated CSS code:

.foo {
  box-sizing: content-box;
}