Geeks With Blogs
Stephanie Grima C#, ASP.NET and my life.

 Display Properties

The display property is used in CSS to choose how an element (which can be for example a list item, paragraph, table) will be outputted for the user to see.

The most commonly used are:

  • none: the element will not be displayed at all
    p
    {
        display: none;
    }
  • inline: the element is shown in a line, one after each other, with no modification (no line breaks etc)
    p
    {
        display: inline;
    }
  • block: the element has a line-break before and after the element. I made use of this several times to make a plain horizontal menu.
    p
    {
        display: block;
    }

Others that may be of interest are:

  • marker
  • list-item
  • compact
  • run-in
Posted on Tuesday, November 4, 2008 8:52 AM HTML / CSS | Back to top


Comments on this post: Part 1: Display: Property [CSS]

No comments posted yet.
Your comment:
 (will show your gravatar)


Copyright © Steffi | Powered by: GeeksWithBlogs.net