Special Notes and Key Performance Indicators for CSS Processed by Email Clients
Transparency ::
Using the inputs below, one can expose the performance based
assumptions which regulate the scoring algorithm behind
this validator.
Matching (and source of record) information can be found within Campaign Monitor's
Ultimate Guide to CSS,
here.
Click here to get all of this data in a single &
proper massive large server response.
The drop down combo box that is below can be used as well.
The HTML <style> element contains style information for a document, or part of a document. It contains CSS, which is applied to the contents of the document containing the <style> element.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The HTML <style> element contains style information for a document, or part of a document. It contains CSS, which is applied to the contents of the document containing the <style> element.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The HTML External Resource Link element (<link>) specifies relationships between the current document and an external resource. This element is most commonly used to link to stylesheets, but is also used to establish site icons (both "favicon" style icons and icons for the home screen and apps on mobile devices) among other things.
DESKTOP :: Email Client Support |
|
|
Outlook for Mac
|
|
When images are downloaded.
|
|
Postbox
|
|
When images are downloaded.
|
|
Thunderbird
|
|
When images are downloaded.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The HTML External Resource Link element (<link>) specifies relationships between the current document and an external resource. This element is most commonly used to link to stylesheets, but is also used to establish site icons (both "favicon" style icons and icons for the home screen and apps on mobile devices) among other things.
DESKTOP :: Email Client Support |
|
|
Outlook for Mac
|
|
When images are downloaded.
|
|
Postbox
|
|
When images are downloaded.
|
|
Thunderbird
|
|
When images are downloaded.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The @media CSS at-rule can be used to apply part of a style sheet based on the result of one or more media queries. With it, you specify a media query and a block of CSS to apply to the document if and only if the media query matches the device on which the content is being used.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The @media CSS at-rule can be used to apply part of a style sheet based on the result of one or more media queries. With it, you specify a media query and a block of CSS to apply to the document if and only if the media query matches the device on which the content is being used.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The @media CSS at-rule can be used to apply part of a style sheet based on the result of one or more media queries. With it, you specify a media query and a block of CSS to apply to the document if and only if the media query matches the device on which the content is being used.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The @media CSS at-rule can be used to apply part of a style sheet based on the result of one or more media queries. With it, you specify a media query and a block of CSS to apply to the document if and only if the media query matches the device on which the content is being used.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The @media CSS at-rule can be used to apply part of a style sheet based on the result of one or more media queries. With it, you specify a media query and a block of CSS to apply to the document if and only if the media query matches the device on which the content is being used.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The @media CSS at-rule can be used to apply part of a style sheet based on the result of one or more media queries. With it, you specify a media query and a block of CSS to apply to the document if and only if the media query matches the device on which the content is being used.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The all shorthand CSS property resets all of an element's properties except unicode-bidi, direction, and CSS Custom Properties. It can set properties to their initial or inherited values, or to the values specified in another stylesheet origin.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The any-hover CSS media feature can be used to test whether any available input mechanism can hover over elements.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The any-pointer CSS media feature tests whether the user has any pointing device (such as a mouse), and if so, how accurate it is.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The :hover CSS pseudo-class matches when the user interacts with an element with a pointing device, but does not necessarily activate it. It is generally triggered when the user hovers over an element with the cursor (mouse pointer).
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The aspect-ratio CSS media feature can be used to test the aspect ratio of the viewport.<br><br>
The aspect-ratio feature is specified as a <ratio> value representing the width-to-height aspect ratio of the viewport. It is a range feature, meaning you can also use the prefixed min-aspect-ratio and max-aspect-ratio variants to query minimum and maximum values, respectively.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The device-aspect-ratio CSS media feature can be used to test the width-to-height aspect ratio of an output device.<br><br>
The device-aspect-ratio feature is specified as a <ratio>. It is a range feature, meaning that you can also use the prefixed min-device-aspect-ratio and max-device-aspect-ratio variants to query minimum and maximum values, respectively. DEPRECATED.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The device-height CSS media feature can be used to test the height of an output device's rendering surface.<br><br>
The device-height feature is specified as a <length> value. It is a range feature, meaning that you can also use the prefixed min-device-height and max-device-height variants to query minimum and maximum values, respectively. DEPRECATED.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The -webkit-device-pixel-ratio is a non-standard Boolean CSS media feature which is an alternative to the standard resolution media feature.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The device-width CSS media feature can be used to test the width of an output device's rendering surface.<br><br>
The device-width feature is specified as a <length> value. It is a range feature, meaning that you can also use the prefixed min-device-width and max-device-width variants to query minimum and maximum values, respectively. DEPRECATED.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The max-height CSS property sets the maximum height of an element. It prevents the used value of the height property from becoming larger than the value specified for max-height.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The resolution CSS media feature can be used to test the pixel density of the output device.<br><br>
The resolution feature is specified as a <resolution> value representing the pixel density of the output device. It is a range feature, meaning that you can also use the prefixed min-resolution and max-resolution variants to query minimum and maximum values, respectively.
DESKTOP :: Email Client Support |
|
|
Postbox
|
|
Partial. Supports dpidpcmdppx
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The max-width CSS property sets the maximum width of an element. It prevents the used value of the width property from becoming larger than the value specified by max-width.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The aspect-ratio CSS media feature can be used to test the aspect ratio of the viewport.<br><br>
The aspect-ratio feature is specified as a <ratio> value representing the width-to-height aspect ratio of the viewport. It is a range feature, meaning you can also use the prefixed min-aspect-ratio and max-aspect-ratio variants to query minimum and maximum values, respectively.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The device-aspect-ratio CSS media feature can be used to test the width-to-height aspect ratio of an output device. DEPRECATED.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The device-height CSS media feature can be used to test the height of an output device's rendering surface. DEPRECATED.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The -moz-device-pixel-ratio Gecko-only CSS media feature can be used to apply styles based on the number of device pixels per CSS pixel. DEPRECATED.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The device-width CSS media feature can be used to test the width of an output device's rendering surface.<br><br>
The device-width feature is specified as a <length> value. It is a range feature, meaning that you can also use the prefixed min-device-width and max-device-width variants to query minimum and maximum values, respectively. DEPRECATED.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The min-height CSS property sets the minimum height of an element. It prevents the used value of the height property from becoming smaller than the value specified for min-height.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The resolution CSS media feature can be used to test the pixel density of the output device.<br><br>
The resolution feature is specified as a <resolution> value representing the pixel density of the output device. It is a range feature, meaning that you can also use the prefixed min-resolution and max-resolution variants to query minimum and maximum values, respectively.
DESKTOP :: Email Client Support |
|
|
Postbox
|
|
Partial. Supports dpidpcmdppx
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The min-width CSS property sets the minimum width of an element. It prevents the used value of the width property from becoming smaller than the value specified for min-width.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The orientation CSS media feature can be used to test the orientation of the viewport (or the page box, for paged media).
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The pointer CSS media feature tests whether the user has a pointing device (such as a mouse), and if so, how accurate the primary pointing device is.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The @font-face CSS at-rule specifies a custom font with which to display text; the font can be loaded from either a remote server or a locally-installed font on the user's own computer.
DESKTOP :: Email Client Support |
|
|
Outlook Express
|
|
User is prompted to download webfont, but it doesn't display.
|
|
Outlook for Mac
|
|
When images are downloaded.
|
|
Postbox
|
|
Partial. User is prompted to download webfont, but only embedded (base64 encoded) fonts display.
|
|
Thunderbird
|
|
Partial. User is prompted to download webfont, but only embedded (base64 encoded) fonts display.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
|
AOL Mail
|
|
When images are downloaded.
|
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The svg element is a container that defines a new coordinate system and viewport. It is used as the outermost element of SVG documents, but it can also be used to embed an SVG fragment inside an SVG or HTML document.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
WOFF (the Web Open Font Format) is a web font format developed by Mozilla in concert with Type Supply, LettError, and other organizations. It uses a compressed version of the same table-based sfnt structure used by TrueType, OpenType, and Open Font Format, but adds metadata and private-use data structures, including predefined fields allowing foundries and vendors to provide license information if desired.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The direction CSS property sets the direction of text, table columns, and horizontal overflow. Use rtl for languages written from right to left (like Hebrew or Arabic), and ltr for those written from left to right (like English and most other languages).
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The font CSS shorthand property sets all the different properties of an element's font. Alternatively, it sets an element's font to a system font.
DESKTOP :: Email Client Support |
|
|
Outlook 2007-16
|
|
Mostly supported, but the shorthand property fails to override font-weight
|
|
Windows 10 Mail
|
|
Mostly supported, but the shorthand property fails to override font-weight
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The font-family CSS property specifies a prioritized list of one or more font family names and/or generic family names for the selected element.
DESKTOP :: Email Client Support |
|
|
AOL Desktop
|
|
Mostly supported, but unquoted font names containing line breaks don't work.
|
|
Outlook 2000-03
|
|
Mostly supported, but unquoted font names containing line breaks don't work.
|
|
Outlook Express
|
|
Mostly supported, but unquoted font names containing line breaks don't work.
|
|
Windows Live Mail
|
|
Mostly supported, but unquoted font names containing line breaks don't work.
|
MOBILE :: Email Client Support |
|
|
Windows Phone 8 Mail
|
|
Mostly supported, but unquoted font names containing line breaks don't work.
|
WEB :: Email Client Support |
|
The font-feature-settings CSS property controls advanced typographic features in OpenType fonts.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
Android 4.4.4 Mail
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The font-kerning CSS property sets the use of the kerning information stored in a font.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
BlackBerry
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The font-size CSS property sets the size of the font. Changing the font size also updates the sizes of the font size-relative <length> units, such as em, ex, and so forth.
DESKTOP :: Email Client Support |
|
|
IBM Notes 9
|
|
Partial. Supports pxptpc
|
MOBILE :: Email Client Support |
|
|
Gmail Android app
|
|
Partial. Doesn't support all keywords.
|
|
Gmail Android IMAP
|
|
Partial. Doesn't support all keywords.
|
|
iOS 10 Mail
|
|
By default, minimum font size is 13px. Use -webkit-text-size-adjust: 100%;
|
|
iOS 11 Mail
|
|
By default, minimum font size is 13px. Use -webkit-text-size-adjust: 100%;
|
WEB :: Email Client Support |
|
The font-size-adjust CSS property sets the size of lower-case letters relative to the current font size (which defines the size of upper-case letters).
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The font-stretch CSS property selects a normal, condensed, or expanded face from a font.
DESKTOP :: Email Client Support |
|
|
Postbox
|
|
Partial. Supports exact font-stretch matches, but doesn't map non-matches to the nearest face.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
|
G Suite
|
|
The property itself is intact, but the necessary media query is removed.
|
|
Gmail
|
|
The property itself is intact, but the necessary media query is removed.
|
|
Google Inbox
|
|
The property itself is intact, but the necessary media query is removed.
|
The font-style CSS property sets whether a font should be styled with a normal, italic, or oblique face from its font-family.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
|
Outlook.com
|
|
Partial. Supports italicoblique
|
The font-synthesis CSS property controls which missing typefaces, bold or italic, may be synthesized by the browser.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The font-variant CSS shorthand property allows you to set all the font variants for a font.<br><br>
You can also set the CSS Level 2 (Revision 1) values of font-variant, (that is, normal or small-caps), by using the font shorthand.
DESKTOP :: Email Client Support |
|
|
AOL Desktop
|
|
Partial. Supports CSS2 values, but not CSS3.
|
|
Outlook 2000-03
|
|
Partial. Supports CSS2 values, but not CSS3.
|
|
Outlook 2007-16
|
|
Partial. Supports CSS2 values, but not CSS3.
|
|
Outlook Express
|
|
Partial. Supports CSS2 values, but not CSS3.
|
|
Postbox
|
|
Partial. Supports CSS2 values, but not CSS3.
|
|
Windows 10 Mail
|
|
Partial. Supports CSS2 values, but not CSS3.
|
|
Windows Live Mail
|
|
Partial. Supports CSS2 values, but not CSS3.
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Partial. Supports CSS2 values, but not CSS3.
|
|
Android 4.4.4 Mail
|
|
Partial. Supports CSS2 values, but not CSS3.
|
|
BlackBerry
|
|
Partial. Supports CSS2 values, but not CSS3.
|
|
Gmail Android IMAP
|
|
Partial. Supports CSS2 values, but not CSS3.
|
|
Windows Phone 8 Mail
|
|
Partial. Supports CSS2 values, but not CSS3.
|
|
Yahoo! Mail Android app
|
|
Partial. Supports CSS2 values, but not CSS3.
|
|
Yahoo! Mail iOS app
|
|
Partial. Supports CSS2 values, but not CSS3.
|
WEB :: Email Client Support |
|
|
Yahoo! Mail
|
|
Partial. Supports CSS2 values, but not CSS3.
|
The font-weight CSS property sets the weight (or boldness) of the font. The weights available depend on the font-family that is currently set.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The hyphens CSS property specifies how words should be hyphenated when text wraps across multiple lines. It can prevent hyphenation entirely, hyphenate at manually-specified points within the text, or let the browser automatically insert hyphens where appropriate.
DESKTOP :: Email Client Support |
|
|
Apple Mail 10
|
|
Supported with -webkit
|
|
Outlook for Mac
|
|
Supported with -webkit
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Partial. Supports none-webkit
|
|
AOL Alto Android app
|
|
Partial. Breaks words, but doesn't add hyphens.
|
|
AOL Alto iOS app
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Partial support with -webkit
|
|
iOS 10 Mail
|
|
Supported with -webkit
|
|
iOS 11 Mail
|
|
Supported with -webkit
|
|
Sparrow
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The letter-spacing CSS property sets the horizontal spacing behavior between text characters. This value is added to the natural spacing between characters while rendering the text. Positive values of letter-spacing causes characters to spread farther apart, while negative values of letter-spacing bring characters closer together.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The line-height CSS property sets the height of a line box. It's commonly used to set the distance between lines of text. On block-level elements, it specifies the minimum height of line boxes within the element. On non-replaced inline elements, it specifies the height that is used to calculate line box height.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The overflow-wrap CSS property applies to inline elements, setting whether the browser should insert line breaks within an otherwise unbreakable string to prevent text from overflowing its line box.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The text-align CSS property sets the horizontal alignment of a block element or table-cell box. This means it works like vertical-align but in the horizontal direction.
DESKTOP :: Email Client Support |
|
|
IBM Notes 9
|
|
Partial. Doesn't support justified
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The text-decoration shorthand CSS property sets the appearance of decorative lines on text. It is a shorthand for text-decoration-line, text-decoration-color, text-decoration-style, and the newer text-decoration-thickness property.
DESKTOP :: Email Client Support |
|
|
IBM Notes 9
|
|
Partial. Only supports line-throughunderline
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The -webkit-text-fill-color CSS property specifies the fill color of characters of text. If this property is not set, the value of the color property is used.
DESKTOP :: Email Client Support |
|
|
Apple Mail 10
|
|
Supported with -webkit
|
|
Outlook for Mac
|
|
Supported with -webkit
|
|
Thunderbird
|
|
Supported with -webkit
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Supported with -webkit
|
|
Android 4.4.4 Mail
|
|
Supported with -webkit
|
|
AOL Alto Android app
|
|
Supported with -webkit
|
|
AOL Alto iOS app
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
|
iOS 10 Mail
|
|
Supported with -webkit
|
|
iOS 11 Mail
|
|
Supported with -webkit
|
|
Outlook Android app
|
|
Supported with -webkit
|
|
Sparrow
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The text-indent CSS property sets the length of empty space (indentation) that is put before lines of text in a block
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The text-overflow CSS property sets how hidden overflow content is signaled to users. It can be clipped, display an ellipsis ('…'), or display a custom string.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
Gmail Android app
|
|
Property is supported, but the client breaks long words with <wbr>word-wrapbreak-word
|
|
Gmail iOS app
|
|
Property is supported, but the client breaks long words with <wbr>word-wrapbreak-word
|
|
Gmail mobile webmail
|
|
Property is supported, but the client breaks long words with <wbr>word-wrapbreak-word
|
|
Google Inbox Android app
|
|
Property is supported, but the client breaks long words with <wbr>word-wrapbreak-word
|
|
Google Inbox iOS app
|
|
Property is supported, but the client breaks long words with <wbr>word-wrapbreak-word
|
WEB :: Email Client Support |
|
|
G Suite
|
|
Property is supported, but the client breaks long words with <wbr>word-wrapbreak-word
|
|
Gmail
|
|
Property is supported, but the client breaks long words with <wbr>word-wrapbreak-word
|
|
Google Inbox
|
|
Property is supported, but the client breaks long words with <wbr>word-wrapbreak-word
|
The text-shadow CSS property adds shadows to text. It accepts a comma-separated list of shadows to be applied to the text and any of its decorations. Each shadow is described by some combination of X and Y offsets from the element, blur radius, and color.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
Yahoo! Mail Android app
|
|
Partial. Supports a single shadow per element, but not multiple.
|
|
Yahoo! Mail iOS app
|
|
Partial. Supports a single shadow per element, but not multiple.
|
WEB :: Email Client Support |
|
|
Yahoo! Mail
|
|
Partial. Supports a single shadow per element, but not multiple.
|
The text-size-adjust CSS property controls the text inflation algorithm used on some smartphones and tablets. Other browsers will ignore this property.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
AOL Alto iOS app
|
|
Supported with -webkit
|
|
iOS 10 Mail
|
|
Supported with -webkit
|
|
Sparrow
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The -webkit-text-stroke CSS property specifies the width and color of strokes for text characters. This is a shorthand property for the longhand properties -webkit-text-stroke-width and -webkit-text-stroke-color.
DESKTOP :: Email Client Support |
|
|
Apple Mail 10
|
|
Supported with -webkit
|
|
Outlook for Mac
|
|
Supported with -webkit
|
|
Thunderbird
|
|
Supported with -webkit
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Supported with -webkit
|
|
Android 4.4.4 Mail
|
|
Supported with -webkit
|
|
AOL Alto Android app
|
|
Supported with -webkit
|
|
AOL Alto iOS app
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
|
iOS 10 Mail
|
|
Supported with -webkit
|
|
iOS 11 Mail
|
|
Supported with -webkit
|
|
Outlook Android app
|
|
Supported with -webkit
|
|
Sparrow
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The -webkit-text-stroke-color CSS property specifies the stroke color of characters of text. If this property is not set, the value of the color property is used.
DESKTOP :: Email Client Support |
|
|
Apple Mail 10
|
|
Supported with -webkit
|
|
Outlook for Mac
|
|
Supported with -webkit
|
|
Thunderbird
|
|
Supported with -webkit
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Supported with -webkit
|
|
Android 4.4.4 Mail
|
|
Supported with -webkit
|
|
AOL Alto Android app
|
|
Supported with -webkit
|
|
AOL Alto iOS app
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
|
iOS 10 Mail
|
|
Supported with -webkit
|
|
iOS 11 Mail
|
|
Supported with -webkit
|
|
Outlook Android app
|
|
Supported with -webkit
|
|
Sparrow
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The -webkit-text-stroke-width CSS property specifies the width of the stroke for text.
DESKTOP :: Email Client Support |
|
|
Apple Mail 10
|
|
Supported with -webkit
|
|
Outlook for Mac
|
|
Supported with -webkit
|
|
Thunderbird
|
|
Supported with -webkit
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Supported with -webkit
|
|
Android 4.4.4 Mail
|
|
Supported with -webkit
|
|
AOL Alto Android app
|
|
Supported with -webkit
|
|
AOL Alto iOS app
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
|
iOS 10 Mail
|
|
Supported with -webkit
|
|
iOS 11 Mail
|
|
Supported with -webkit
|
|
Outlook Android app
|
|
Supported with -webkit
|
|
Sparrow
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The text-transform CSS property specifies how to capitalize an element's text. It can be used to make text appear in all-uppercase or all-lowercase, or with each word capitalized. It also can help improve legibility for ruby.
DESKTOP :: Email Client Support |
|
|
Outlook 2007-16
|
|
Partial. Only uppercase
|
|
Windows 10 Mail
|
|
Partial. Only uppercase
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The vertical-align CSS property sets vertical alignment of an inline, inline-block or table-cell box.
DESKTOP :: Email Client Support |
|
|
Outlook 2007-16
|
|
Partial. Supports keywords and px%
|
|
Windows 10 Mail
|
|
Partial. Supports px%
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The white-space CSS property sets how white space inside an element is handled.
DESKTOP :: Email Client Support |
|
|
Outlook 2007-16
|
|
Partial. Supports normalprenowrap
|
|
Windows 10 Mail
|
|
Partial. Supports normalprenowrap
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The word-spacing CSS property sets the length of space between words and between tags.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
BlackBerry
|
|
Partial. Supports spacing between words, but not spacing between elements.
|
WEB :: Email Client Support |
|
The overflow-wrap CSS property applies to inline elements, setting whether the browser should insert line breaks within an otherwise unbreakable string to prevent text from overflowing its line box.<br><br>
The property was originally a nonstandard and unprefixed Microsoft extension called word-wrap, and was implemented by most browsers with the same name. It has since been renamed to overflow-wrap, with word-wrap being an alias.
DESKTOP :: Email Client Support |
|
|
AOL Desktop
|
|
Buggy. Text styled with word-wrap: normal
|
|
Outlook 2000-03
|
|
Buggy. Text styled with word-wrap: normal
|
|
Outlook Express
|
|
Buggy. Text styled with word-wrap: normal
|
|
Windows Live Mail
|
|
Buggy. Text styled with word-wrap: normal
|
MOBILE :: Email Client Support |
|
|
Gmail iOS app
|
|
Partial. Only supports break-word
|
|
Gmail mobile webmail
|
|
Partial. Only supports break-word
|
|
Google Inbox iOS app
|
|
Buggy. Only supports break-word
|
WEB :: Email Client Support |
|
|
Yahoo! Mail
|
|
Property is supported, but the word-breakbreak-word
|
The background shorthand CSS property sets all background style properties at once, such as color, image, origin and size, or repeat method.
DESKTOP :: Email Client Support |
|
|
AOL Desktop
|
|
Partial. Fixed attachment is not supported.
|
|
Outlook 2000-03
|
|
Partial. Slash syntax values are not supported.
|
|
Outlook Express
|
|
Partial. Values containing background images are not supported.
|
|
Postbox
|
|
Partial. Slash syntax values are not supported.
|
|
Windows Live Mail
|
|
Partial. Values containing background images are not supported.
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Partial. Slash syntax values are not supported.
|
|
Android 4.4.4 Mail
|
|
Partial. Fixed attachment is not supported.
|
|
AOL Alto Android app
|
|
Partial. Fixed attachment is not supported.
|
|
BlackBerry
|
|
Partial. Fixed attachment is not supported.
|
|
Gmail Android app
|
|
Partial. Fixed attachment is not supported.
|
|
Gmail Android IMAP
|
|
Partial. Background images are not supported.
|
|
Google Inbox Android app
|
|
Partial. Fixed attachment is not supported.
|
|
Outlook Android app
|
|
Partial. Fixed attachment is not supported.
|
|
Windows Phone 8 Mail
|
|
Partial. Seems to only support background colors.
|
|
Yahoo! Mail Android app
|
|
Partial. Seems to only support background colors.
|
|
Yahoo! Mail iOS app
|
|
Partial. Slash syntax values are not supported.
|
WEB :: Email Client Support |
|
|
Yahoo! Mail
|
|
Buggy. For slash syntax values, it removes the slash character, making the value invalid.
|
The background-attachment CSS property sets whether a background image's position is fixed within the viewport, or scrolls with its containing block.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The background-blend-mode CSS property sets how an element's background images should blend with each other and with the element's background color.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The background-clip CSS property sets whether an element's background extends underneath its border box, padding box, or content box.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The background-color CSS property sets the background color of an element.
DESKTOP :: Email Client Support |
|
|
IBM Notes 9
|
|
Partial. Only supported on tables.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The background-image CSS property sets one or more background images on an element.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The background-origin CSS property sets the background's origin: from the border start, inside the border, or inside the padding.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The background-position CSS property sets the initial position for each background image. The position is relative to the position layer set by background-origin.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The background-repeat CSS property sets how background images are repeated. A background image can be repeated along the horizontal and vertical axes, or not repeated at all.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The background-size CSS property sets the size of the element's background image. The image can be left to its natural size, stretched, or constrained to fit the available space.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The color CSS property sets the foreground color value of an element's text and text decorations, and sets the <currentcolor> value. currentcolor may be used as an indirect value on other properties and is the default for other color properties, such as border-color.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The isolation CSS property determines whether an element must create a new stacking context.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The mix-blend-mode CSS property sets how an element's content should blend with the content of the element's parent and the element's background.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
CSS gradients are represented by the <gradient> data type, a special type of <image> made of a progressive transition between two or more colors. You can choose between three types of gradients: linear (created with the linear-gradient() function), radial (created with radial-gradient()), and conic (created with the conic-gradient() function). You can also create repeating gradients with the repeating-linear-gradient(), repeating-radial-gradient(), and repeating-conic-gradient() functions.
DESKTOP :: Email Client Support |
|
|
Postbox
|
|
Supported with -moz
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
You can apply multiple backgrounds to elements. These are layered atop one another with the first background you provide on top and the last background listed in the back. Only the last background can include a background color.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
Color names.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
In computing, on the X Window System, X11 color names are represented in a simple text file, which maps certain strings to RGB color values.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
Hexadecimal color values are also supported in all browsers.<br><br>
A hexadecimal color is specified with: #RRGGBB.<br><br>
RR (red), GG (green) and BB (blue) are hexadecimal integers between 00 and FF specifying the intensity of the color.<br><br>
For example, #0000FF is displayed as blue, because the blue component is set to its highest value (FF) and the others are set to 00.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The format of an RGB value in hexadecimal notation is a '#' immediately followed by either three or six hexadecimal characters. The three-digit RGB notation (#rgb) is converted into six-digit form (#rrggbb) by replicating digits, not by adding zeros.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The hsl() functional notation expresses a given color according to its hue, saturation, and lightness components. An optional alpha component represents the color's transparency.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The hsla() functional notation expresses a given color according to its hue, saturation, and lightness components. An optional alpha component represents the color's transparency.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The rgb() functional notation expresses a color according to its red, green, and blue components. An optional alpha component represents the color's transparency.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The rgba() functional notation expresses a color according to its red, green, and blue components. An optional alpha component represents the color's transparency.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The currentcolor keyword represents the value of an element's color property. This lets you use the color value on properties that do not receive it by default.<br><br>
If currentcolor is used as the value of the color property, it instead takes its value from the inherited value of the color property.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border shorthand CSS property sets an element's border. It sets the values of border-width, border-style, and border-color.
DESKTOP :: Email Client Support |
|
|
IBM Notes 9
|
|
Partial support on table elements.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border-bottom shorthand CSS property sets an element's bottom border. It sets the values of border-bottom-width, border-bottom-style and border-bottom-color.
DESKTOP :: Email Client Support |
|
|
IBM Notes 9
|
|
Partial support on table elements.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border-bottom-color CSS property sets the color of an element's bottom border. It can also be set with the shorthand CSS properties border-color or border-bottom.
DESKTOP :: Email Client Support |
|
|
IBM Notes 9
|
|
Partial support on table elements.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border-bottom-left-radius CSS property rounds the bottom-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border-bottom-right-radius CSS property rounds the bottom-right corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border-bottom-style CSS property sets the line style of an element's bottom border.
DESKTOP :: Email Client Support |
|
|
IBM Notes 9
|
|
Partial support on table elements.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border-bottom-width CSS property sets the width of the bottom border of an element.
DESKTOP :: Email Client Support |
|
|
IBM Notes 9
|
|
Partial support on table elements.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border-color shorthand CSS property sets the color of an element's border.
DESKTOP :: Email Client Support |
|
|
IBM Notes 9
|
|
Partial support on table elements.
|
|
Outlook 2007-16
|
|
Buggy. Fails to override the shorthand border
|
|
Windows 10 Mail
|
|
Buggy. Fails to override the shorthand border
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border-image CSS property draws an image around a given element. It replaces the element's regular border.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border-left shorthand CSS property sets all the properties of an element's left border.
DESKTOP :: Email Client Support |
|
|
IBM Notes 9
|
|
Partial support on table elements.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border-left-color CSS property sets the color of an element's left border. It can also be set with the shorthand CSS properties border-color or border-left.
DESKTOP :: Email Client Support |
|
|
IBM Notes 9
|
|
Partial support on table elements.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border-left-style CSS property sets the line style of an element's left border.
DESKTOP :: Email Client Support |
|
|
IBM Notes 9
|
|
Partial support on table elements.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border-left-width CSS property sets the width of the left border of an element.
DESKTOP :: Email Client Support |
|
|
IBM Notes 9
|
|
Partial support on table elements.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border-radius CSS property rounds the corners of an element's outer border edge. You can set a single radius to make circular corners, or two radii to make elliptical corners.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border-right shorthand CSS property sets all the properties of an element's right border.
DESKTOP :: Email Client Support |
|
|
IBM Notes 9
|
|
Partial support on table elements.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border-right-color CSS property sets the color of an element's right border. It can also be set with the shorthand CSS properties border-color or border-right.
DESKTOP :: Email Client Support |
|
|
IBM Notes 9
|
|
Partial support on table elements.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border-right-style CSS property sets the line style of an element's right border.
DESKTOP :: Email Client Support |
|
|
IBM Notes 9
|
|
Partial support on table elements.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border-right-width CSS property sets the width of the right border of an element.
DESKTOP :: Email Client Support |
|
|
IBM Notes 9
|
|
Partial support on table elements.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border-style shorthand CSS property sets the line style for all four sides of an element's border.
DESKTOP :: Email Client Support |
|
|
IBM Notes 9
|
|
Partial support on table elements.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border-top shorthand CSS property sets all the properties of an element's top border.
DESKTOP :: Email Client Support |
|
|
IBM Notes 9
|
|
Partial support on table elements.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border-top-color CSS property sets the color of an element's top border. It can also be set with the shorthand CSS properties border-color or border-top.
DESKTOP :: Email Client Support |
|
|
IBM Notes 9
|
|
Partial support on table elements.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border-top-left-radius CSS property rounds the top-left corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border-top-right-radius CSS property rounds the top-right corner of an element by specifying the radius (or the radius of the semi-major and semi-minor axes) of the ellipse defining the curvature of the corner.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border-top-style CSS property sets the line style of an element's top border.
DESKTOP :: Email Client Support |
|
|
IBM Notes 9
|
|
Partial support on table elements.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border-top-width CSS property sets the width of the top border of an element.
DESKTOP :: Email Client Support |
|
|
IBM Notes 9
|
|
Partial support on table elements.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The border-width shorthand CSS property sets the width of an element's border.
DESKTOP :: Email Client Support |
|
|
IBM Notes 9
|
|
Partial support on table elements.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The box-shadow CSS property adds shadow effects around an element's frame. You can set multiple effects separated by commas. A box shadow is described by X and Y offsets relative to the element, blur and spread radius, and color.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The box-sizing CSS property sets how the total width and height of an element is calculated.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The height CSS property specifies the height of an element. By default, the property defines the height of the content area. If box-sizing is set to border-box, however, it instead determines the height of the border area.
DESKTOP :: Email Client Support |
|
|
IBM Notes 9
|
|
Partial support on table elements.
|
|
Outlook 2007-16
|
|
Partial support on table elements.
|
|
Windows 10 Mail
|
|
Partial support on table elements.
|
MOBILE :: Email Client Support |
|
|
Yahoo! Mail Android app
|
|
Buggy. Client changes the heightmin-height
|
|
Yahoo! Mail iOS app
|
|
Buggy. Client changes the heightmin-height
|
WEB :: Email Client Support |
|
|
Yahoo! Mail
|
|
Buggy. Client changes the heightmin-height
|
The margin CSS property sets the margin area on all four sides of an element. It is a shorthand for margin-top, margin-right, margin-bottom, and margin-left.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The margin-bottom CSS property sets the margin area on the bottom of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The margin-left CSS property sets the margin area on the left side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The margin-right CSS property sets the margin area on the right side of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The margin-top CSS property sets the margin area on the top of an element. A positive value places it farther from its neighbors, while a negative value places it closer.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The max-height CSS property sets the maximum height of an element. It prevents the used value of the height property from becoming larger than the value specified for max-height.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
BlackBerry
|
|
Partial. Not supported on tables.
|
WEB :: Email Client Support |
|
The max-width CSS property sets the maximum width of an element. It prevents the used value of the width property from becoming larger than the value specified by max-width.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
Android 4.4.4 Mail
|
|
Partial. Not supported on tables.
|
|
BlackBerry
|
|
Partial. Not supported on tables.
|
WEB :: Email Client Support |
|
The min-height CSS property sets the minimum height of an element. It prevents the used value of the height property from becoming smaller than the value specified for min-height.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
BlackBerry
|
|
Partial. Not supported on tables.
|
|
Yahoo! Mail iOS app
|
|
Supported, but because the client changes heightmin-height
|
WEB :: Email Client Support |
|
|
Yahoo! Mail
|
|
Supported, but because the client changes heightmin-height
|
The min-width CSS property sets the minimum width of an element. It prevents the used value of the width property from becoming smaller than the value specified for min-width.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
BlackBerry
|
|
Partial. Not supported on tables.
|
WEB :: Email Client Support |
|
The padding CSS shorthand property sets the padding area on all four sides of an element at once.
DESKTOP :: Email Client Support |
|
|
Outlook 2007-16
|
|
Partial but buggy support, mainly on table elements.
|
|
Windows 10 Mail
|
|
Partial but buggy support, mainly on table elements.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The padding-bottom CSS property sets the height of the padding area on the bottom of an element.
DESKTOP :: Email Client Support |
|
|
Outlook 2007-16
|
|
Partial but buggy support, mainly on table elements.
|
|
Windows 10 Mail
|
|
Partial but buggy support, mainly on table elements.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The padding-left CSS property sets the width of the padding area to the left of an element.
DESKTOP :: Email Client Support |
|
|
Outlook 2007-16
|
|
Partial but buggy support, mainly on table elements.
|
|
Windows 10 Mail
|
|
Partial but buggy support, mainly on table elements.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The padding-right CSS property sets the width of the padding area on the right of an element.
DESKTOP :: Email Client Support |
|
|
Outlook 2007-16
|
|
Partial but buggy support, mainly on table elements.
|
|
Windows 10 Mail
|
|
Partial but buggy support, mainly on table elements.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The padding-top CSS property sets the height of the padding area on the top of an element.
DESKTOP :: Email Client Support |
|
|
Outlook 2007-16
|
|
Partial but buggy support, mainly on table elements.
|
|
Windows 10 Mail
|
|
Partial but buggy support, mainly on table elements.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The width CSS property sets an element's width. By default, it sets the width of the content area, but if box-sizing is set to border-box, it sets the width of the border area.
DESKTOP :: Email Client Support |
|
|
Outlook 2007-16
|
|
Partial support on table elements.
|
|
Windows 10 Mail
|
|
Partial support on table elements.
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The bottom CSS property participates in setting the vertical position of a positioned element. It has no effect on non-positioned elements.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The clear CSS property sets whether an element must be moved below (cleared) floating elements that precede it. The clear property applies to floating and non-floating elements.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The cursor CSS property sets the type of mouse cursor, if any, to show when the mouse pointer is over an element.
DESKTOP :: Email Client Support |
|
|
AOL Desktop
|
|
Partial. Doesn't support url()none
|
|
Outlook 2000-03
|
|
Partial. Doesn't support url()none
|
|
Outlook Express
|
|
Partial. Doesn't support url()
|
|
Windows Live Mail
|
|
Partial. Doesn't support url()none
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
|
Yahoo! Mail
|
|
Partial. Supports most CSS2 values.
|
The display CSS property sets whether an element is treated as a block or inline element and the layout used for its children, such as flow layout, grid or flex.<br><br>
Formally, the display property sets an element's inner and outer display types. The outer type sets an element's participation in flow layout; the inner type sets the layout of children. Some values of display are fully defined in their own individual specifications; for example the detail of what happens when display: flex is declared is defined in the CSS Flexible Box Model specification.
DESKTOP :: Email Client Support |
|
|
AOL Desktop
|
|
Partial. Supports blockinlinelist-itemnone
|
|
Outlook 2000-03
|
|
Partial. Supports blockinlinelist-itemnone
|
|
Outlook 2007-16
|
|
Partial. Sometimes supports none
|
|
Outlook Express
|
|
Partial. Supports blockinlinelist-itemnone
|
|
Windows 10 Mail
|
|
Partial. Sometimes supports none
|
|
Windows Live Mail
|
|
Partial. Supports blockinlinelist-itemnone
|
MOBILE :: Email Client Support |
|
|
AOL Alto iOS app
|
|
Partial. Sometimes supports none
|
|
Windows Phone 8 Mail
|
|
Partial. Supports blockinlinelist-itemnone
|
WEB :: Email Client Support |
|
The float CSS property places an element on the left or right side of its container, allowing text and inline elements to wrap around it. The element is removed from the normal flow of the page, though still remaining a part of the flow (in contrast to absolute positioning).
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The left CSS property participates in specifying the horizontal position of a positioned element. It has no effect on non-positioned elements.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The object-fit CSS property sets how the content of a replaced element, such as an <img> or <video>, should be resized to fit its container.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The object-position CSS property specifies the alignment of the selected replaced element's contents within the element's box. Areas of the box which aren't covered by the replaced element's object will show the element's background.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The opacity CSS property sets the opacity of an element. Opacity is the degree to which content behind an element is hidden, and is the opposite of transparency.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The outline CSS shorthand property set all the outline properties in a single declaration.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The outline-color CSS property sets the color of an element's outline.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The outline-style CSS property sets the style of an element's outline. An outline is a line that is drawn around an element, outside the border.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The CSS outline-width property sets the thickness of an element's outline. An outline is a line that is drawn around an element, outside the border.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The overflow CSS shorthand property sets the desired behavior for an element's overflow – i.e. when an element's content is too big to fit in its block formatting context – in both directions.
DESKTOP :: Email Client Support |
|
|
Windows Live Mail
|
|
Buggy. Elements with visible
|
MOBILE :: Email Client Support |
|
|
Gmail mobile webmail
|
|
Partial. Clipping works, but scrolling doesn't.
|
|
Outlook Android app
|
|
Partial. Clipping works, but scrolling doesn't.
|
|
Windows Phone 8 Mail
|
|
Buggy. Elements with visible
|
|
Yahoo! Mail Android app
|
|
Partial. Clipping works, but scrolling doesn't.
|
WEB :: Email Client Support |
|
The position CSS property sets how an element is positioned in a document. The top, right, bottom, and left properties determine the final location of positioned elements.
DESKTOP :: Email Client Support |
|
|
AOL Desktop
|
|
Partial. Supports relativeabsolutefixed
|
|
Apple Mail 10
|
|
Partial. Elements with fixed
|
|
Postbox
|
|
Partial. Supports relativefixedabsolute
|
MOBILE :: Email Client Support |
|
|
AOL Alto Android app
|
|
Partial. Elements with fixed
|
|
AOL Alto iOS app
|
|
Partial. Elements with fixed
|
|
iOS 10 Mail
|
|
Partial. Elements with fixed
|
|
iOS 11 Mail
|
|
Partial. Elements with fixed
|
|
Sparrow
|
|
Partial. Elements with fixed
|
WEB :: Email Client Support |
|
|
Yahoo! Mail
|
|
Supports the value relativetoprightbottomleft
|
The resize CSS property sets whether an element is resizable, and if so, in which direction
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
Android 4.4.4 Mail
|
|
Buggy. Drag handles are visible, but not functional.
|
|
AOL Alto Android app
|
|
Buggy. Drag handles are visible, but not functional.
|
|
Outlook Android app
|
|
Buggy. Drag handles are visible, but not functional.
|
WEB :: Email Client Support |
|
The right CSS property participates in specifying the horizontal position of a positioned element. It has no effect on non-positioned elements.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The top CSS property participates in specifying the vertical position of a positioned element. It has no effect on non-positioned elements.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The visibility CSS property shows or hides an element without changing the layout of a document. The property can also hide rows or columns in a <table>.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The z-index CSS property sets the z-order of a positioned element and its descendants or flex items. Overlapping elements with a larger z-index cover those with a smaller one.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The list-style CSS shorthand property allows you to set all the list style properties at once.
DESKTOP :: Email Client Support |
|
|
Outlook 2007-16
|
|
Partial. Supports only the list-style-typedisplay: list-item
|
|
Windows 10 Mail
|
|
Partial. Supports only the list-style-typedisplay: list-item
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The list-style-image CSS property sets an image to be used as the list item marker.<br><br>
It is often more convenient to use the shorthand list-style.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The list-style-position CSS property sets the position of the ::marker relative to a list item.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The list-style-type CSS property sets the marker (such as a disc, character, or custom counter style) of a list item element.
DESKTOP :: Email Client Support |
|
|
AOL Desktop
|
|
Partial. Supports nonedisccirclesquaredecimallower-alphaupper-alphalower-romanupper-roman
|
|
IBM Notes 9
|
|
Partial. Supports nonediscdecimallower-alphaupper-alpha
|
|
Outlook 2000-03
|
|
Partial. Supports nonedisccirclesquaredecimallower-alphaupper-alphalower-romanupper-roman
|
|
Outlook 2007-16
|
|
Partial. Supports disccirclesquaredecimallower-alphaupper-alphalower-romanupper-roman
|
|
Outlook Express
|
|
Partial. Supports nonedisccirclesquaredecimallower-alphaupper-alphalower-romanupper-roman
|
|
Windows 10 Mail
|
|
Partial. Supports disccirclesquaredecimallower-alphaupper-alphalower-romanupper-roman
|
|
Windows Live Mail
|
|
Partial. Supports nonedisccirclesquaredecimallower-alphaupper-alphalower-romanupper-roman
|
MOBILE :: Email Client Support |
|
|
BlackBerry
|
|
Partial. Doesn't support circle
|
|
Windows Phone 8 Mail
|
|
Partial. Supports nonedisccirclesquaredecimallower-alphaupper-alphalower-romanupper-roman
|
WEB :: Email Client Support |
|
The border-collapse CSS property sets whether cells inside a <table> have shared or separate borders.
DESKTOP :: Email Client Support |
|
|
AOL Desktop
|
|
Supported, but the HTML attribute cellspacing
|
|
Outlook 2000-03
|
|
Supported, but the HTML attribute cellspacing
|
|
Outlook Express
|
|
Supported, but the HTML attribute cellspacing
|
|
Windows Live Mail
|
|
Supported, but the HTML attribute cellspacing
|
MOBILE :: Email Client Support |
|
|
Windows Phone 8 Mail
|
|
Supported, but the HTML attribute cellspacing
|
WEB :: Email Client Support |
|
The border-spacing CSS property sets the distance between the borders of adjacent <table> cells. This property applies only when border-collapse is separate.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The caption-side CSS property puts the content of a table's <caption> on the specified side. The values are relative to the writing-mode of the table.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The empty-cells CSS property sets whether borders and backgrounds appear around <table> cells that have no visible content.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The table-layout CSS property sets the algorithm used to lay out <table> cells, rows, and columns.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The animation shorthand CSS property applies an animation between styles. It is a shorthand for animation-name, animation-duration, animation-timing-function, animation-delay, animation-iteration-count, animation-direction, animation-fill-mode, and animation-play-state.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Supported with -webkit
|
|
Android 4.4.4 Mail
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The animation-delay CSS property specifies the amount of time to wait from applying the animation to an element before beginning to perform the animation. The animation can start later, immediately from its beginning, or immediately and partway through the animation.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Supported with -webkit
|
|
Android 4.4.4 Mail
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The animation-direction CSS property sets whether an animation should play forward, backward, or alternate back and forth between playing the sequence forward and backward.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Supported with -webkit
|
|
Android 4.4.4 Mail
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The animation-duration CSS property sets the length of time that an animation takes to complete one cycle.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Supported with -webkit
|
|
Android 4.4.4 Mail
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The animation-fill-mode CSS property sets how a CSS animation applies styles to its target before and after its execution.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Supported with -webkit
|
|
Android 4.4.4 Mail
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The animation-iteration-count CSS property sets the number of times an animation sequence should be played before stopping.<br><br>
If multiple values are specified, each time the animation is played the next value in the list is used, cycling back to the first value after the last one is used.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Supported with -webkit
|
|
Android 4.4.4 Mail
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The animation-name CSS property specifies the names of one or more @keyframes at-rules describing the animation or animations to apply to the element.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Supported with -webkit
|
|
Android 4.4.4 Mail
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The animation-play-state CSS property sets whether an animation is running or paused.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Supported with -webkit
|
|
Android 4.4.4 Mail
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The animation-timing-function CSS property sets how an animation progresses through the duration of each cycle.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Supported with -webkit
|
|
Android 4.4.4 Mail
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The backface-visibility CSS property sets whether the back face of an element is visible when turned towards the user.
DESKTOP :: Email Client Support |
|
|
Apple Mail 10
|
|
Supported with -webkit
|
|
Outlook for Mac
|
|
Supported with -webkit
|
MOBILE :: Email Client Support |
|
|
Android 4.4.4 Mail
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
|
iOS 10 Mail
|
|
Supported with -webkit
|
|
iOS 11 Mail
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The perspective CSS property determines the distance between the z=0 plane and the user in order to give a 3D-positioned element some perspective.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Supported with -webkit
|
|
Android 4.4.4 Mail
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The perspective-origin CSS property determines the position at which the viewer is looking. It is used as the vanishing point by the perspective property.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Supported with -webkit
|
|
Android 4.4.4 Mail
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The transform CSS property lets you rotate, scale, skew, or translate an element. It modifies the coordinate space of the CSS visual formatting model.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Partial support with -webkit
|
|
Android 4.4.4 Mail
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The transform-origin CSS property sets the origin for an element's transformations.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Supported with -webkit
|
|
Android 4.4.4 Mail
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The transform-style CSS property sets whether children of an element are positioned in the 3D space or are flattened in the plane of the element.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Supported with -webkit
|
|
Android 4.4.4 Mail
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The transition CSS property is a shorthand property for transition-property, transition-duration, transition-timing-function, and transition-delay.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The transition-delay CSS property specifies the duration to wait before starting a property's transition effect when its value changes.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The transition-duration CSS property sets the length of time a transition animation should take to complete. By default, the value is 0s, meaning that no animation will occur.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The transition-property CSS property sets the CSS properties to which a transition effect should be applied.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The transition-timing-function CSS property sets how intermediate values are calculated for CSS properties being affected by a transition effect.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
|
Android 4.2.2 Mail
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The backdrop-filter CSS property lets you apply graphical effects such as blurring or color shifting to the area behind an element. Because it applies to everything behind the element, to see the effect you must make the element or its background at least partially transparent.
DESKTOP :: Email Client Support |
|
|
Apple Mail 10
|
|
Supported with -webkit
|
|
Outlook for Mac
|
|
Supported with -webkit
|
MOBILE :: Email Client Support |
|
|
AOL Alto iOS app
|
|
Supported with -webkit
|
|
iOS 10 Mail
|
|
Supported with -webkit
|
|
iOS 11 Mail
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The filter CSS property applies graphical effects like blur or color shift to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders.<br><br>
Included in the CSS standard are several functions that achieve predefined effects. You can also reference an SVG filter with a URL to an SVG filter element.
DESKTOP :: Email Client Support |
|
|
AOL Desktop
|
|
Supports Microsoft's proprietary filter
|
|
Outlook 2000-03
|
|
Supports Microsoft's proprietary filter
|
MOBILE :: Email Client Support |
|
|
Android 4.4.4 Mail
|
|
Supported with -webkit
|
|
BlackBerry
|
|
Supported with -webkit
|
WEB :: Email Client Support |
|
The break-after CSS property sets how page, column, or region breaks should behave after a generated box. If there is no generated box, the property is ignored.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The break-before CSS property sets how page, column, or region breaks should behave before a generated box. If there is no generated box, the property is ignored.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The break-inside CSS property sets how page, column, or region breaks should behave inside a generated box. If there is no generated box, the property is ignored.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The column-count CSS property breaks an element's content into the specified number of columns.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The column-fill CSS property controls how an element's contents are balanced when broken into columns.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The column-gap CSS property sets the size of the gap (gutter) between an element's columns.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The column-rule shorthand CSS property sets the width, style, and color of the line drawn between columns in a multi-column layout.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The column-rule-color CSS property sets the color of the line drawn between columns in a multi-column layout.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The column-rule-style CSS property sets the style of the line drawn between columns in a multi-column layout.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The column-rule-width CSS property sets the width of the line drawn between columns in a multi-column layout.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The column-span CSS property makes it possible for an element to span across all columns when its value is set to all.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The column-width CSS property sets the ideal column width in a multi-column layout. The container will have as many columns as can fit without any of them having a width less than the column-width value. If the width of the container is narrower than the specified value, the single column's width will be smaller than the declared column width.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The columns CSS shorthand property sets the number of columns to use when drawing an element's contents, as well as those columns' widths.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The CSS align-content property sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The CSS align-items property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The align-self CSS property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The display CSS property sets whether an element is treated as a block or inline element and the layout used for its children, such as flow layout, grid or flex.<br><br>
Formally, the display property sets an element's inner and outer display types. The outer type sets an element's participation in flow layout; the inner type sets the layout of children. Some values of display are fully defined in their own individual specifications; for example the detail of what happens when display: flex is declared is defined in the CSS Flexible Box Model specification.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The flex CSS shorthand property sets how a flex item will grow or shrink to fit the space available in its flex container.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The flex-basis CSS property sets the initial main size of a flex item. It sets the size of the content box unless otherwise set with box-sizing.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The flex-direction CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The flex-flow CSS shorthand property specifies the direction of a flex container, as well as its wrapping behavior.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The flex-grow CSS property sets the flex grow factor of a flex item's main size.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The flex-shrink CSS property sets the flex shrink factor of a flex item. If the size of all flex items is larger than the flex container, items shrink to fit according to flex-shrink.<br><br>
In use, flex-shrink is used alongside the other flex properties flex-grow and flex-basis, and normally defined using the flex shorthand.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The flex-wrap CSS property sets whether flex items are forced onto one line or can wrap onto multiple lines. If wrapping is allowed, it sets the direction that lines are stacked.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The CSS justify-content property defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The order CSS property sets the order to lay out an item in a flex or grid container. Items in a container are sorted by ascending order value and then by their source code order.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The CSS align-content property sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The CSS align-items property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The align-self CSS property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The display CSS property sets whether an element is treated as a block or inline element and the layout used for its children, such as flow layout, grid or flex.<br><br>
Formally, the display property sets an element's inner and outer display types. The outer type sets an element's participation in flow layout; the inner type sets the layout of children. Some values of display are fully defined in their own individual specifications; for example the detail of what happens when display: flex is declared is defined in the CSS Flexible Box Model specification.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The grid CSS property is a shorthand property that sets all of the explicit and implicit grid properties in a single declaration.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The grid-area CSS shorthand property specifies a grid item’s size and location within a grid by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the edges of its grid area.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The grid-auto-columns CSS property specifies the size of an implicitly-created grid column track or pattern of tracks.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The grid-auto-flow CSS property controls how the auto-placement algorithm works, specifying exactly how auto-placed items get flowed into the grid.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The grid-auto-rows CSS property specifies the size of an implicitly-created grid row track or pattern of tracks.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The grid-column CSS shorthand property specifies a grid item's size and location within a grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The grid-column-end CSS property specifies a grid item’s end position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the block-end edge of its grid area.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The column-gap CSS property sets the size of the gap (gutter) between an element's columns.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The grid-column-start CSS property specifies a grid item’s start position within the grid column by contributing a line, a span, or nothing (automatic) to its grid placement. This start position defines the block-start edge of the grid area.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The gap CSS property sets the gaps (gutters) between rows and columns. It is a shorthand for row-gap and column-gap.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The grid-row CSS shorthand property specifies a grid item’s size and location within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start and inline-end edge of its grid area.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The grid-row-end CSS property specifies a grid item’s end position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-end edge of its grid area.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The row-gap CSS property sets the size of the gap (gutter) between an element's grid rows.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The grid-row-start CSS property specifies a grid item’s start position within the grid row by contributing a line, a span, or nothing (automatic) to its grid placement, thereby specifying the inline-start edge of its grid area.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The grid-template-areas CSS property specifies named grid areas, establishing the cells in the grid and assigning them names.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The grid-template-columns CSS property defines the line names and track sizing functions of the grid columns.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The grid-template-rows CSS property defines the line names and track sizing functions of the grid rows.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The CSS justify-content property defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The CSS justify-items property defines the default justify-self for all items of the box, giving them all a default way of justifying each box along the appropriate axis.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
The <a href="https://developer.mozilla.org/en-US/docs/Web/CSS" target="_self">CSS</a> justify-self property sets the way a box is justified inside its alignment container along the appropriate axis.
DESKTOP :: Email Client Support |
|
MOBILE :: Email Client Support |
|
WEB :: Email Client Support |
|
