This course will become read-only in the near future. Tell us at community.p2pu.org if that is a problem.

CSS References


CSS References

 


[ B ]

Border-Radius: <topleft> <topright> <btmright> <btmleft>

ex.)article { border-radius: 2px 2px 4px 4px; }

shorthand:

Border-Radius: <topleft-btmright> <topright-btmleft>

ex.) article { border-radius: 2px 4px; }

Mozilla Prefix-moz-border-radius *FF3.6 and below
Safari&Chrome Prefix-webkit-border-radius *current implementation
IE9 & Up:  Supported  [ border-radius ]

 

Box-Shadow: <x-axis> <y-axis> <shadow-blur> <shadow-color>

ex.) article { box-shadow: 2px 2px 4px 4px; }

Mozilla Prefix-moz-box-shadow *FF3.6 and below
Safari&Chrome Prefix-webkit-box-shadow *current implementation
IE9 & Up:  Supported  [ box-shadow ]


[ T ]

Text-Shadow: <x-axis> <y-axis> <shadow-blur> <shadow-color>

h1 { text-shadow: 2px 2px 4px rgba(0,0,0,.5); }

Mozilla Prefix: -moz-text-shadow FF3.6 & Below;
Safari&Chrome Prefix: -webkit-text-shadow;
Opera Prefix-o-text-shadow;
IE9 and Below:  Not Supported;

 

Task Discussion