Values auto fixed example table layout fixed

This preview shows page 607 - 609 out of 650 pages.

Values: auto , fixed Example: table-layout: fixed; Miscellaneous Properties CSS 2.1 offers a few additional—and sometimes interesting—properties. They let you enhance your web pages with special content and cursors, offer more control over how a page prints, and so on. (Unfortunately, browser understanding of these properties is spotty at best.) content Specifies text that appears either before or after an element. Use this property with the :after or :before pseudo-elements. You can add an opening quotation mark in front of quoted material and a closing quotation after the quote. Internet Explorer 6 and 7 don’t understand this property, so its use is limited. Values: Text inside of quotes "like this" , the keywords normal , open-quote , close-quote , no-open-quote , no-close-quote . You can also use the value of an HTML attribute. Examples: p.advert:before { content: "And now a word from our spon- sor…"; } a:after { content: " (" attr(href) ") "; } NOTE  Adding text in this way (like the opening and closing quote example) is called generated content. Read a simple explanation of the generated content phenomenon at css_tutorial/advanced/generated_content.html . For a deeper explanation, visit . html .
CSS3: THE MISSING MANUAL 596 MISCELLANEOUS PROPERTIES cursor Lets you change the look of the mouse pointer when it moves over a particular element. You can make a question mark appear next to the cursor when some- one mouses over a link that provides more information on a subject (like a word definition). Values: auto , default , crosshair , pointer , move , e-resize , ne-resize , nw- resize , n-resize , se-resize , sw-resize , s-resize , w-resize , text , wait , help , progress . You can also use a URL value to use your own graphic as a cursor (see the Note below). The look of a cursor when mousing over a link is pointer , so if you want to make some element on the page display the “click me” icon, you can add the declaration cursor: pointer to the style. Example: cursor: help; cursor: url(images/cursor.cur); NOTE  Not all browsers recognize URL cursor values. For more information, visit cursor.html . opacity Lets you control the transparency of any element and all of its descendents. In this way, you can have underlying colors, images, and content show through an element. Note that if you apply opacity to a div, all of the items inside that div—headlines, im- ages, paragraphs, and other divs—will share the same opacity level. In other words, if you set a <div> tag to .5 opacity (50% transparent), an image inside that div will also be 50 percent transparent—even explicitly setting the opacity of that image to 1 won’t override the 50 percent transparency. Values: A decimal value from 0 to 1. 0 is invisible, 1 is completely opaque.

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture