Skip to main content

Adding Borders and Drop Shadows

  • Chapter
Beginning CSS3
  • 1740 Accesses

Abstract

All browsers support basic borders, but the CSS3 Backgrounds and Borders module offers a wider range of options. In the past, the only way to add rounded corners or drop shadows to an element was by nesting it in other elements and adding background images. In a CSS3—compliant browser, no images are involved. It’s all done with a simple style rule. For more ambitious decorative borders, CSS3 makes it possible to use images without nested elements. The CSS3 features are widely supported, except in IE 8 and earlier.

This is a preview of subscription content, log in via an institution to check access.

Access this chapter

Chapter
USD 29.95
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
eBook
USD 59.99
Price excludes VAT (USA)
  • Available as PDF
  • Read on any device
  • Instant download
  • Own it forever
Softcover Book
USD 79.99
Price excludes VAT (USA)
  • Compact, lightweight edition
  • Dispatched in 3 to 5 business days
  • Free shipping worldwide - see info

Tax calculation will be finalised at checkout

Purchases are for personal use only

Institutional subscriptions

Preview

Unable to display preview. Download preview PDF.

Unable to display preview. Download preview PDF.

Authors

Rights and permissions

Reprints and permissions

Copyright information

© 2012 David Powers

About this chapter

Cite this chapter

Powers, D. (2012). Adding Borders and Drop Shadows. In: Beginning CSS3. Apress, Berkeley, CA. https://doi.org/10.1007/978-1-4302-4474-5_9

Download citation

Publish with us

Policies and ethics