text-shadow

p { 
  text-shadow: 1px 1px 1px #000;
}

You can apply multiple text shadows by comma separating

p { 
  text-shadow: 1px 1px 1px #000, 
               3px 3px 5px blue; 
}

The first two values specify the length of the shadow offset. …

Avatar of Sara Cope
Sara Cope on (Updated on )

text-indent

The text-indent property specifies how much horizontal space text should be moved before the beginning of the first line of the text content of an element. Spacing is calculated from the starting edge of the block-level container element.

The starting …

Avatar of Sara Cope
Sara Cope on (Updated on )

text-align

The text-align property in CSS is used for aligning the inner content of a block element.

p {
  text-align: center;
}

These are the traditional values for text-align:

  • left – The default value. Content aligns along the left side.
  • right
Avatar of Sara Cope
Sara Cope on (Updated on )

text-decoration

The text-decoration property adds an underline, overline, line-through, or a combination of lines to selected text.

h3 {
  text-decoration: underline;
}
Values
  • none: no line is drawn, and any existing decoration is removed.
  • underline: draws a 1px line
Avatar of Sara Cope
Sara Cope on (Updated on )

scrollbar

A brief history of styling scrollbars:

  1. It used to be a thing only Internet Explorer could do (ancient versions) with stuff like -ms-scrollbar-base-color. These do not exist anymore.
  2. Then WebKit-based browser engines got on board with stuff like ::-webkit-scrollbar
Avatar of Sara Cope
Sara Cope on (Updated on )

resize

The resize property controls if and how an element can be resized by the user by clicking and dragging the bottom right corner of the element.

.module {
  resize: both;
}

Super important to know: resize does nothing unless the …

Avatar of Sara Cope
Sara Cope on (Updated on )

right

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

Avatar of Sara Cope
Sara Cope on (Updated on )

quotes

The quotes property in CSS allows you to specify which types of quotes are used when quotes are added via the content: open-quote; or content: close-quote; rules. Here’s how to use it:

q {
  quotes: "“" "”" "‘" "’";
}
Avatar of Sara Cope
Sara Cope on (Updated on )

page-break

There isn’t an actual page-break property in CSS. It is actually a set of 3 properties: page-break-before, page-break-after and page-break-inside. These properties help define how the document is supposed to behave when printed. For example, to make a …

Avatar of Sara Cope
Sara Cope on (Updated on )