Font Tester

CSS Properties

Now that we've chosen our desired "View" (number of columns) and which column we'd like to edit, we can begin to move on to actually editing the CSS properties for that column.

CSS Properties

CSS Properties
   font-size
   font-family
   color
   background-color
   text-align
   line-height
   font-weight
   font-style
   font-variant
   text-decoration
   text-indent
   text-transform
   letter-spacing
   word-spacing
   font-stretch
   font-size-adjust
   white-space
   unicode-bidi
   direction

As you can see above, all of the available CSS font properties are laid out in one big list. I chose to arrange them in order from what I believe the most used properties to what I believe to be the least used properties. This is so that you can quickly access the property you are most interested in (most often font-size and font-family). You will also notice that some of the properties in this list have checkboxes next to their names while others don't. The properties which don't have checkboxes by their names are required properties and the properties which do have checkboxes by their names are optional properties. Required properties are called "required" because they cannot be turned on or off. They will always show up in your generated CSS code. Optional properties, on the other hand, can be turned on and off ("enabled" or "disabled") and will only show up in your generated code if you have checked the checkbox by their name. This is to make your generated CSS code as small as possible. Obviously, you don't want unnecassary code taking up space in your CSS code (such as font-weight: normal;), so these optional properties are only added when you explicitiy choose to add them. Next I would like to go over what each of the CSS properties mean, how they're used, and what they're used for.