Home arrow DHTML arrow Page 3 - Marks, Orphans, and More Style Sheet Properties
DHTML

Marks, Orphans, and More Style Sheet Properties


If you're looking for a thorough resource on style sheet properties, you've come to the right place. This article, the seventh part of a series, covers marks, orphans, and more. It is excerpted from chapter four of Dynamic HTML: The Definitive Reference, Third Edition, written by Danny Goodman (O'Reilly; ISBN: 0596527403). Copyright © 2006 O'Reilly Media, Inc. All rights reserved. Used with permission from the publisher. Available from booksellers or direct from O'Reilly Media.

Author Info:
By: O'Reilly Media
Rating: 5 stars5 stars5 stars5 stars5 stars / 4
October 11, 2007
TABLE OF CONTENTS:
  1. · Marks, Orphans, and More Style Sheet Properties
  2. · Moz border radius
  3. · Orphans
  4. · Outline-offset

print this article
SEARCH DEVARTICLES

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


blog comments powered by Disqus
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...

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 
Support 

Developer Shed Affiliates

 




© 2003-2017 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials