Articles

The list-style property is a shorthand property that sets values for three different list-related properties in one declaration:

ul {
  list-style: <list-style-type|| <list-style-position|| <list-style-image;
}

Here’s an example of the syntax:

ul {
  list-style: square outside none;

The line-height property defines the amount of space above and below inline elements. That is, elements that are set to display: inline or display: inline-block. This property is most often used to set the leading for lines of text.…

The left property in CSS goes hand in hand with positioning. By default, elements are static positioned in which the left property has no effect whatsoever. But when the positioning of an element is relative, absolute, or …

The hyphens property controls hyphenation of text in block level elements. You can prevent hyphenation from happening at all, allow it, or only allow it when certain characters are present.

Note that hyphens is language-sensitive. Its ability to find break …

The height property in CSS defines specifies the content height of boxes and accepts any of the length values.

The “content” area is defined as the padding and border in addition to the height/width or size the content itself …

The font property in CSS is a shorthand property that combines all the following sub-properties in a single declaration.

body {
  font: normal small-caps normal 16px/1.4 Georgia;
}

/* is the same as:

body {
  font-family: Georgia;
  line-height: 1.4;
  font-weight: 

The float property in CSS is used for positioning and layout on web pages. A common usage might be floating an image to one side and letting text wrap around it.

.intro-img {
  float: left;
}

float = 
  block-start      

The direction property in CSS sets the direction of of content flow within a block-level element. This applies to text, inline, and inline-block elements. It also sets the default alignment of text and the direction that table cells flow within …

Every element on a web page is a rectangular box. The display property in CSS determines just how that rectangular box behaves.

span.icon {
  display: inline-block;  /* Characteristics of block, but lays out inline */
}

The default value for …

The cursor property in CSS controls what the mouse cursor will look like when it is located over the element in which this property is set. Obviously, it’s only relevant in browsers/operating systems in which there is a mouse and …

The clip-path property in CSS allows you to specify a specific region of an element to display, with the rest being hidden (or “clipped”) away.

.clip-me {  
  
  /* Example: clip away the element from the top, right, bottom, and left