How It Works
Stylesheet Helper supports the following CSS properties:
font-family, font-weight, font-style, font-size, color, text-decoration
These are extracted directly from the text layer properties. Custom fonts are supported.
The background color is the solid color fill of the layer, if any. All the colors are correctly computed using the blend mode specified in Photoshop.
border (-size, -color)
If the current layer has a Stroke effect applied, it is transformed to a CSS border
For rounded rectangles the rounded corner radius maps to border radius.
The opacity of the layer is retrieved in CSS
background gradient (-moz-linear-gradient, -webkit-linear-gradient)
If the fill of the current layer is gradient fill then it is converted to a CSS gradient
Drop Shadow, Inner Glow, Outer Glow and Inner Shadow parameter are retrieved and converted to CSS box-shadow
For text layers a text-shadow CSS is generated if the Drop Shadow effect is in use
Solid layers have their dimensions retrieved to CSS width and height
You can adjust the CSS formatting using the settings panel, also you can choose whether to use vendor specific CSS extensions: