DHTML
  Home arrow DHTML arrow Page 3 - Marks, Orphans, and More Style Sheet Prope...
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 
Sun Developer Network 
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

Marks, Orphans, and More Style Sheet Properties
By: O'Reilly Media
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 5 stars5 stars5 stars5 stars5 stars / 2
    2007-10-11

    Table of Contents:
  • Marks, Orphans, and More Style Sheet Properties
  • Moz border radius
  • Orphans
  • Outline-offset

  • 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


    Marks, Orphans, and More Style Sheet Properties - Orphans


    (Page 3 of 4 )

     

    orphans
    IE 5(Mac) NN n/a Moz n/a Saf n/a Op 7 CSS 2

    Inherited: Yes

    Sets the minimum number of lines of the start of a paragraph that must be visible at the bottom of a page where a page break occurs. See the widows property for lines to be displayed at the top of a page after a page break.

    CSS Syntax

    orphans: lineCount

    Value                  An integer of the number of lines.

    Initial Value       2

    Applies To           Block-level elements .

    Object Model Reference

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

    outline
    IE 5(Mac) NN n/a Moz 1.8.1 Saf 1.2 Op 7 CSS 2

    Inherited: No

    This is a shorthand property for setting the width, style, and/or color of all four edges of an outline around an element in one assignment statement. Properties that you don’t explicitly set with this property assume their initial values.

    An outline differs from a border in two primary ways. First, an outline does not occupy space in the CSS box model. Rather, the outline simply hovers atop the element, drawn just beyond the border rectangle. Second, CSS does not restrict an outline to be rectangular, allowing an outline to follow the irregular outline of an unjustified paragraph, for example. IE 5 for the Macintosh draws only rectangular outlines. For earlier versions of Mozilla, a full set of CSS2 outline properties is available with the -moz- prefix (e.g.,
    -moz-outline-color ), as well as further proprietary extensions for outline radius corners similar to the
    -moz-border-radius property.

    CSS Syntax

    outline: border-color || border-style || outline-width

    outline-color

    Value                      See the respective properties in the following sections.

    Initial Value            None.

    Example         blockquote {outline: darkred ridge 5px}

    Applies To               All elements.

    Object Model Reference

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

    outline-color
    IE 5(Mac) NN n/a Moz 1.8.1 Saf 1.2 Op 7 CSS 2

    Inherited: No

    Controls the color of an outline around an element.

    CSS Syntax

    outline-color: color

    Value

    A CSS color value. One value controls all sides of the outline. The CSS specification also calls for a constant called invert, which performs an algorithmic inversion of the background color, but this value is not supported in IE 5 Mac.

    Initial Value

    In IE 5 for Macintosh, black. The CSS2 specification suggests invert as a default.

    Example

    h2 {outline-color: salmon}
    div {outline-color: rgb(0,0,255)}

    Applies To           All elements.

    Object Model Reference

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

    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-2008 by Developer Shed. All rights reserved. DS Cluster 1 hosted by Hostway
    Stay green...Green IT