Sunday, 17 July 2011

CSS leading

CSS leading

If you're a desktop publisher, you would be familiar with the term "leading". Applying leading to a paragraph of text adds space in between each line.

Fortunately you can use CSS to apply leading. The trick to remember is that there isn't actually a CSS 'leading' property. CSS has called it line-height.

To apply leading (or line-height) in CSS

 <style type="text/css">   p { line-height: 280% } </style> 

The above line-height declaration would result in body text with the following leading:

There is no "CSS leading" property - the CSS specification uses the line-height property to apply leading. Leading gives the impression of lines of text being closer together or further apart.

No comments:

Post a Comment