How can the border-box property be applied to all elements?

By using this best practice:

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}