Articles

The zoom property in CSS allows you to scale your content. It is non-standard, and was originally implemented only in Internet Explorer. Although several other browsers now support zoom, it isn’t recommended for production sites.

.zoom {
  zoom: 150%;
}

div {
  z-index: 1; /* integer */
}

The z-index property in CSS controls the vertical stacking order of elements that overlap. As in, which one appears as if it is physically closer to you. z-index only affects elements that …

In typography terms, a widow is the last line of a paragraph that is left alone on a new page or in a new column. The widows property in CSS controls the minimum number of lines of a paragraph that …

The CSS white-space property controls how text is handled on the element it is applied to. Let’s say you have HTML exactly like this:

<divA bunch of words you see.
</div

You’ve styled the div to have a set …

The width property in CSS specifies the width of the element’s content area. This “content” area is the portion inside the padding, border, and margin of an element (the box model).

.wrap { 
  width: 80%;
}

The vertical-align property in CSS controls how elements set next to each other on a line are lined up.

img {
  vertical-align: middle;
}

In order for this to work, the elements need to be set along a baseline. As …

The visibility property in CSS has two different functions. It hides rows and columns of a table, and it also hides an element without changing the layout.

p {
  visibility: hidden;
}
tr {
  visibility: collapse;
}

visibility has …

The transition property is a shorthand property used to represent up to four transition-related longhand properties:

.element {
  transition: background-color 0.5s ease;
}

transition: [transition-property] [transition-duration] [transition-timing-function] [transition-delay];

transition properties allow elements to change values over a specified …

The transform property allows you to visually manipulate an element by skewing, rotating, translating, or scaling:

.element {
  width: 20px;
  height: 20px;
  transform: scale(20);
}

The top, bottom, left, and right properties are used with position to set the placement of an element. They only have an effect on positioned elements, which are elements with the position property set to anything other …

The text-overflow property in CSS deals with situations where text is clipped when it overflows the element’s box. It can be clipped (i.e. cut off, hidden), display an ellipsis (‘…’, Unicode Range Value U+2026) or display an author-defined string (no …