Home > CSS > Text Propertiesprinter version

CSS Text Properties

CSS allows you to set the properties of text, how text appears within lists and within other elements.

Units of Measurement

Font units can be used to set the spacing of text properties and may either be relative or absolute. Absolute units have no real meaning on a computer screen so are not covered here. Relative units include ...

em, en and ex are units historically based on metal type. In style sheets they act as multiples of a default size e.g. If the default size were 10 pixels then 2em would be 20px.
px is straightforwardly a size in pixels which will show as a different physical size on different screen resolutions.

Example of Setting the Text Properties of a Class

.text_class_name {
text-align: center;
line-height: 1.5;
}

Property	Description	Values
letter−spacing	Sets the space between letters. If a length is used it must be in units of measurement.	normal length
line−height	Sets the height of the line. normal is the default number is a multiple of the current font size length is in units of measurement	normal number length percentage
list−style−image	Defines the URL of an image to be used as the bullet marker for each item in the list.	none url
list−style−position	Sets whether the list marker will be placed inside or outside relative to the list body.	inside outside
list−style−type	Sets the type of bullet used to precede each item in the list.	none circle disk square decimal lower−alpha upper−alpha lower−roman upper−roman disk
text−align	Determines how text will be aligned within the container element. This replaces the depreciated HTML attribute align="alignment".	left right center justify
text−decoration	Specifies any special appearance of the text.	none underline overline line−through
text−indent	Sets the indentation value. length is in units of measurement percentage is as % of the container element's width	length percentage
text−transform	Sets the first character of each word in the element to uppercase or every character in the element to uppercase or every character in the element to lowercase.	none capitalize uppercase lowercase
vertical−align	Controls the vertical alignment of the element	baseline middle sub super text-top text-bottom top bottom

Previous - Color and Background Next - Border Properties

Basics Creating a Document Head and Body Elements Formatting Text Creating Lists Embedding Images URLs Explained Linking to Documents Creating Tables Forms Form Basics Input and Textarea Select Lists Frames Framesets The Frame Element Nested Framesets Targetting Frames Inline Frames		Tips and Tricks Meta Tags Transition Effects HTML Generators Create a Document Create a List Create a Table

Basics Implementing CSS CSS Syntax Pseudo Classes/Elements CSS Classes CSS Properties Font Properties Color and Background Text Properties Border Properties Margins and Padding Size and Position		Tips and Tricks Menu Buttons Special Effects

Basics Running a Script Variables Expressions and Operators Objects.Properties.Methods The Date Object Strings Regular Expressions Defining RegExp Patterns Branches and Conditions Loops Arrays Array Basics Array Methods Sorting Arrays User-Defined Functions Cookies Windows Frames		Tips and Tricks Image Replacement Using Includes Form Validation Debugging

Basics Creating a Script Running a Script Variables Expressions and Operators Strings Strings Basics Strings and Substrings Replacing Substrings Regular Expressions Branches and Conditions Loops Arrays Array Basics Array Functions Sorting Arrays User-Defined Functions Include and Require Uploading Files File Functions Session Variables		Tips and Tricks Page Templates Form Reply Scripts Form Validation JavaScript to PHP