DHTML
  Home arrow DHTML arrow Page 3 - Layouts, Margins, and Other Style Sheet Pr...
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Mobile Linux 
App Generation ROI 
IBM® developerWorks 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
DHTML

Layouts, Margins, and Other Style Sheet Property References
By: O'Reilly Media
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 5 stars5 stars5 stars5 stars5 stars / 2
    2007-10-04

    Table of Contents:
  • Layouts, Margins, and Other Style Sheet Property References
  • Layout-grid-line
  • Line-break
  • List-style-image
  • Margin

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
    ADVERTISEMENT


    Layouts, Margins, and Other Style Sheet Property References - Line-break


    (Page 3 of 5 )

     

    line-break
    IE 5(Win) NN n/a Moz n/a Saf n/a Op n/a CSS n/a

    Inherited: Yes

    Controls line-breaking rules for Japanese text.

    CSS Syntax

    line-break: normal | strict

    Value                 One of the following constants: normal | strict.

    Initial Value       normal

    Example             p {letter-break: strict}

    Applies To          Block-level elements .

    Object Model Reference

    [window.]document.getElementById("elementID").style.lineBreak

    line-height
    IE 4 NN 4 Moz all Saf all Op all CSS 1

    Inherited: Yes

    Sets the height of the inline box (the box holding one physical line of content). Under normal circumstances, the line-height of the tallest font in a line of text or the tallest object governs the line height for that content line.

    CSS Syntax

    line-height: normal | number | length | percentage

    Value

    A value of normal lets the browser calculate line spacing for the entire element, thus producing a computed value that can be inherited by nested elements. A number  value (greater than zero) acts as a multiplier for the font-size of the current element. Therefore, if a nested element inherits the line-height multiplier from its parent, that multiplier is applied to the current element’s font-size setting (the multiplier, not the computed value of the parent, is inherited). A length  value assigns an actual value to the inline box height. And a percentage  value is a multiplier applied to the font size of the current element. In this case, the computer value can be inherited by nested elements.

    Initial Value       normal

    Example

    p {line-height: normal}    /* Browser default; actual value is inheritable */
    p {line-height: 1.1}       /* Number value; the number value is inheritable */
    p {line-height: 1.1em}     /* Length value; the actual value is inheritable */
    p {line-height: 110%}      /* Percentage value; percentage times font size */
                              
    /* is inheritable /*

    Applies To                  All elements.

    Object Model Reference

    [window.]document.getElementById("elementID").style.lineHeight

    list-style
    IE 4 NN n/a Moz all Saf all Op all CSS 1

    Inherited: Yes

    This is a shorthand property for setting up to three list-style properties in one assignment statement. Whichever properties you don’t explicitly set with this property assume their initial values. These properties define display characteristics for the markers automatically rendered for list items inside ol and ul elements.

    CSS Syntax

    list-style: list-style-type || list-style-position || list-style-image

    Value

    See the individual property entries for list-style-type, list-style-position, and list-style-image for details on acceptable values for each. You may include one, two, or all three values in the list- style property setting in any order you wish.

    Initial Value          None.

    Example                ul {list-style: square outside none}

    Applies To

    dd, dt, li, ol, and ul elements and any other element assigned the display: list-item style property.

     

    Object Model Reference

    [window.]document.getElementById("elementID").style.listStyle

    More DHTML Articles
    More By O'Reilly Media


       · This article is an excerpt from the book "Dynamic HTML: The Definitive Reference,...
     

    Buy this book now. This article is excerpted from chapter four of Dynamic HTML: The Definitive Reference, Third Edition, written by Danny Goodman (O'Reilly; ISBN: 0596527403). Check it out today at your favorite bookstore. Buy this book now.

    DHTML ARTICLES

    - Text-Justify, Volume, and Other Style Sheet ...
    - Ruby-Position, Size, and Other Style Sheet P...
    - Padding, Pages, and More Style Sheet Propert...
    - Marks, Orphans, and More Style Sheet Propert...
    - Layouts, Margins, and Other Style Sheet Prop...
    - Floats, Fonts, and Other Style Sheet Propert...
    - Color, Filters, and Other Style Sheet Proper...
    - Borders and More with Style Sheets
    - Learning Style Sheet Properties
    - Style Sheet Property Reference
    - Completing a Noisy Image Application
    - An Object-Based Approach to Building Noisy I...
    - A Basic Method for Building Noisy Images
    - Adding More Features to Sliders with the Scr...
    - Using Sliders with the Scriptaculous Framewo...







    © 2003-2010 by Developer Shed. All rights reserved. DS Cluster 4 Hosted by Hostway
    For more Enterprise Application Development news, visit eWeek