CSS3 1 (w3 up to text)

Create rounded corners

border-radius:25px;
Drop shadow & 4 attributes
- box-shadow: 10px 10px 5px #444;
- box-shadow: h-shadow v-shadow blur spread
use an image as a border. Four attributes
- border-image: source slice width outset repeat;
- border-image:url(border.png) 30 30 round;
Define whether an background image goes into the margins, the padding, or the border

background-clip: padding-box | border-box| content-box;
Make a background image a certain scaled size 2 attributes.

background-size: length|percentage|cover|contain;
Make a shadow on text (include 4 main attributes)

text-shadow: h-shadow v-shadow blur color;
Words with very long lines break the box model. How do you change this?

word-wrap: normal|break-word
Use your own personal font. What two attributes does it require?

@font-face{font-family: myFirstFont;src: url('Sansation_Light.ttf'), url('Sansation_Light.eot') format("opentype"); /* IE */}

Author

dalbabes

90743

Card Set

CSS3 1 (w3 up to text)

Description

Basic css3 features.

Updated

2011-06-15T15:40:14Z