Home arrow DHTML arrow Page 3 - Ruby-Position, Size, and Other Style Sheet Properties
DHTML

Ruby-Position, Size, and Other Style Sheet Properties


In this ninth part of an ongoing series on style sheet properties, you'll learn about size, scrollbars, and more. This article 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 / 6
October 25, 2007
TABLE OF CONTENTS:
  1. · Ruby-Position, Size, and Other Style Sheet Properties
  2. · Size
  3. · Speech-rate
  4. · Text-autospace

print this article
SEARCH DEVARTICLES

Ruby-Position, Size, and Other Style Sheet Properties - Speech-rate
(Page 3 of 4 )

 

speech-rate
IE n/a NN n/a Moz n/a Saf n/a Op n/a CSS 2

Inherited: Yes

For aural style sheets, this sets the number of words per minute of the text-to-speech output.

CSS Syntax

    speech-rate: wordsPerSecond | speedConstant

Value

A wordsPerSecond value is any positive floating-point number with no unit appended. Alternatively, you can use any of the following constant values.

Value

Meaning

x-slow

80 words per minute

slow

120 words per minute

 

Value

Meaning

medium

180-200 words per minute

fast

300 words per minute

x-fast

500 words per minute

slower

Current rate minus 40 words per minute

faster

Current rate plus 40 words per minute

Initial Value         medium

Applies To            All elements.

stress
IE n/a NN n/a Moz n/a Saf n/a Op n/a CSS 2

Inherited: Yes

For aural style sheets, this sets the amount of stress (inflection) in the spoken voice.

CSS Syntax

stress: stressLevel

Value

A stressLevel  value is any positive floating-point number with no unit appended. A value of 50 is normal.

Initial Value         50

Applies To            All elements.

table-layout
IE 5(Win) NN n/a Moz 1.0.1 Saf all Op 7 CSS 2

Inherited: No

Determines whether the browser uses computed heights and widths of the entire tableís data to begin rendering the table or relies on the table elementís size properties and uses the first rowís cell widths to begin rendering table content. When the property is set to auto , the browser must load all of the table cells and their content before the first row of data can be rendered, causing a brief (but perhaps imperceptible) delay in drawing the table. Setting the value to fixed allows table rendering to begin sooner, which is helpful for large tables. If content in succeeding rows is wider than the fixed column size, the content is usually clipped unless you set the overflow style property to visible (but that will likely make a visual jumble in adjacent cells).

CSS Syntax

table-layout: layoutType

Value                   Two possible constant values: auto | fixed.

Initial Value         aut o

Applies To            table elements .

text-align
IE 4 NN 4 Moz all Saf all Op all CSS 1

Inherited: Yes

Determines the horizontal alignment of text within an element. This property is inherited, so it can be set for a container to impact all nested elements, such as a p element within a div element. Values of center , left , and right are supported across the board. The value of justify is not a CSS requirement, but it works in IE 5 or later and other mainstream browsers.

CSS Syntax

text-align: alignment

Value               One of the four constants: center | justify | left | right.

Initial Value      Depends on browser language.

Example 

p.rightHand {text-align: right}
blockquote {text-align: justify}

Applies To

Block-level elements, but right-alignment also works in text-type input and textarea elements in IE 5 and later for Windows, Mozilla, Safari, and Opera.

Object Model Reference

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

text-align-last
IE 5.5 NN n/a Moz n/a Saf n/a Op n/a CSS n/a

Inherited: Yes

Controls the horizontal alignment of the last line of text within an elementís box.

CSS Syntax

text-align-last: alignment

Value

One of the following constants: auto | center | justify | left | right. The value of auto picks up the inherited text-align property.

Initial Value           auto

Example         blockquote {text-align-last: center}

Applies To                 Block-level elements.

Object Model Reference

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


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