Every element on a page is a rectangular box. All the way from the root <html> element to the lowly <i> element. You can apply a border to any of those rectangular boxes with theborder property. Here’s a classic example of a box with a border: .box { width: 200px; height: 100px; border: 3px solid red; background: #eee; } The
Properties
The background property of CSS allows you to control the background of any element. For instance to change the background of an entire page to a light gray, you could do: html { background: #ccc; } The value “#CCC” is known as a hex code. It represents a color value. There are a number of
The backface-visibility property relates to 3D transforms. With 3D transforms, you can manage to rotate an element so what we think of as the “front” of an element no longer faces the screen. For instance, this would flip an element away from the screen: .flip { transform: rotateY(180deg); } It will look as if you picked it
The appearance property is used to display an element using a platform-native styling based on the users’ operating system’s theme. .thing { -webkit-appearance: value; -moz-appearance: value; appearance: value; } This is used for one of two reasons: To apply platform specific styling to an element that doesn’t have it by default To remove platform specific styling to