Supported CSS properties

Backgrounds & foregrounds | Box model | Fonts | Lists | Tables | Text | Visual effects | Visual formatting

Background and foreground properties

Property

Value

Description

Support level

Availability

background

List of background properties

Specifies any or all background properties.

CSS 2.1

3.8 or later

background-attachment

scroll | fixed | local

Specifies whether the background scrolls with the page.

CSS 2.1

3.8 or later

background-color

Color

Specifies the background color for an element.

CSS 2.1

3.8 or later

background-image

URL | none

Specifies an image resource to use as the background.

Beginning with BlackBerry 6, the BlackBerry® Browser supports multiple background images, and gradients or patterns as background images.

CSS 3

3.8 or later

background-position

Percentage | Length | left | center |

Specifies the starting position of a background image.

CSS 2.1

3.8 or later

background-repeat

repeat | repeat-x | repeat-y | no-repeat

Specifies how or if a background image is repeated.

CSS 2.1

3.8 or later

color

Color

Specifies the foreground color for an element.

Beginning with BlackBerry® Device Software 5.0, the BlackBerry Browser supports HSV color values. Beginning with BlackBerry 6, the BlackBerry Browser supports RGBa and HSVa color values.

CSS 3

3.8 or later

opacity

Alpha value

Specifies the opacity an element.

CSS 3

6.0 or later

Backgrounds & foregrounds | Box model | Fonts | Lists | Tables | Text | Visual effects | Visual formatting

Box model properties

Property

Value

Description

Support level

Availability

border

List of border values

Specifies one or more border properties.

CSS 2.1

3.8 or later

border-bottom

List of bottom border values

Specifies the properties of the bottom border.

CSS 2.1

3.8 or later

border-bottom-color

Color

Specifies the color of the bottom border.

CSS 2.1

3.8 or later

border-bottom-style

dashed | dotted | double | groove | hidden | inset | outset | ridge | solid

Specifies the style of the bottom border.

CSS 2.1

3.8 or later

border-bottom-width

Length | medium | thick | thin

Specifies the width of the bottom border.

CSS 2.1

3.8 or later

border-color

Color

Specifies the border color.

CSS 2.1

3.8 or later

border-left

List of left border values

Specifies the properties of the left border.

CSS 2.1

3.8 or later

border-left-color

Color

Specifies the color of the left border.

CSS 2.1

3.8 or later

border-left-style

dashed | dotted | double | groove | hidden | inset | outset | ridge | solid

Specifies the style of the left border.

CSS 2.1

3.8 or later

border-left-width

Length | medium | thick | thin

Specifies the left of the bottom border.

CSS 2.1

3.8 or later

border-right

List of right border values

Specifies the properties of the right border.

CSS 2.1

3.8 or later

border-right-color

Color

Specifies the color of the right border.

CSS 2.1

3.8 or later

border-right-style

dashed | dotted | double | groove | hidden | inset | outset | ridge | solid

Specifies the style of the right border.

CSS 2.1

3.8 or later

border-right-width

Length | medium | thick | thin

Specifies the left of the right border.

CSS 2.1

3.8 or later

border-style

dashed | dotted | double | groove | hidden | inset | outset | ridge | solid

Specify the border style.

CSS 2.1

3.8 or later

border-top

List of top border values

Specifies the properties of the bottom border.

CSS 2.1

3.8 or later

border-top-color

Color

Specifies the color of the top border.

CSS 2.1

3.8 or later

border-top-style

dashed | dotted | double | groove | hidden | inset | outset | ridge | solid

Specifies the style of the top border.

CSS 2.1

3.8 or later

border-top-width

Length | medium | thick | thin

Specifies the width of the top border.

CSS 2.1

3.8 or later

border-width

Length | medium | thick | thin

Specify the border width.

CSS 2.1

3.8 or later

margin

List of margin values

Specifies the margin around all sides of an element.

CSS 2.1

4.6 or later

margin-bottom

Percentage | Length | auto

Specifies the margin below of an element.

CSS 2.1

4.6 or later

margin-left

Percentage | Length | auto

Specifies the margin to the left side of an element.

CSS 2.1

4.6 or later

margin-right

Percentage | Length | auto

Specifies the margin to the right side of an element.

CSS 2.1

4.6 or later

margin-top

Percentage | Length | auto

Specifies the margin above an element.

CSS 2.1

4.6 or later

padding

List of padding values

Specifies the padding around all sides of an element.

CSS 2.1

4.3 or later

padding-bottom

Percentage | Length | auto

Specify the padding applied below an element

CSS 2.1

4.3 or later

padding-left

Percentage | Length | auto

Specify the padding applied to the left side of an element

CSS 2.1

4.3 or later

padding-right

Percentage | Length | auto

Specify the padding applied to the right side of an element

CSS 2.1

4.3 or later

padding-top

Percentage | Length | auto

Specify the padding applied above an element

CSS 2.1

4.3 or later

-webkit-border-radius

Length

Specifies the roundness of the border corners.

CSS 2.1

6.0 or later

-webkit-border-bottom-left-radius

Length

Specifies the roundness of the bottom left corner of the border.

CSS 3

6.0 or later

-webkit-border-bottom-right-radius

Length

Specifies the roundness of the bottom right corner of the border.

CSS 3

6.0 or later

-webkit-border-top-left-radius

Length

Specifies the roundness of the top left corner of the border.

CSS 3

6.0 or later

-webkit-border-top-right-radius

Length

Specifies the roundness of the top right corner of the border.

CSS 3

6.0 or later

Backgrounds & foregrounds | Box model | Fonts | Lists | Tables | Text | Visual effects | Visual formatting

Font properties

Property

Value

Description

Support level

Availability

font

List of font values

Specifies any or all of the font properties for an element.

CSS 2.1

3.8 or later

font-family

List of font names

Specifies the font family for an element.

CSS 2.1

3.8 or later

font-size

Percentage | Length | xx-small | x-small | small | medium | large | x-large | xx-large | smaller | larger

Specifies the font size for an element.

CSS 2.1

3.8 or later

font-style

normal | italic | oblique

Specifies the style of the font for an element.

CSS 2.1

3.8 or later

font-variant

normal | small-caps

Specifies whether the font for an element is rendered in small caps.

CSS 2.1

4.6 or later

font-weight

Integer>0 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | bold | bolder | lighter | normal

Specifies the thickness of the font for an element.

CSS 2.1

3.8 or later

Backgrounds & foregrounds | Box model | Fonts | Lists | Tables | Text | Visual effects | Visual formatting

List properties

Property

Value

Description

Support level

Availability

list-style

List of list-style values

Specifies any or all of the list properties.

CSS 2.1

4.6 or later

list-style-image

URL | none

Specifies the image used for the list marker.

CSS 2.1

4.6 or later

list-style-position

inside | outside

Specifies the location of the list marker.

CSS 2.1

4.6 or later

list-style-type

circle | decimal | decimal-leading-zero | disc | lower-alpha | lower-latin | lower-greek | lower-roman | square | upper-alpha | upper-latin | upper-greek | upper-roman

Specifies the type of list marker.

CSS 2.1

4.6 or later

Backgrounds & foregrounds | Box model | Fonts | Lists | Tables | Text | Visual effects | Visual formatting

Table properties

Property

Value

Description

Support level

Availability

border-collapse

collapse | separate

Specifies whether the table borders are collapsed into a single border.

CSS 2.1

4.6 or later

border-spacing

Length

Specifies the distance between the cell borders if the borders are not collapsed.

CSS 2.1

4.6 or later

caption-side

top | bottom

Specifies the position of the caption box with respect to the table box.

CSS 2.1

6.0 or later

empty-cells

hide | show

Specifies whether or not empty cells are displayed when the borders are not merged.

CSS 2.1

4.6 or later

table-layout

auto | fixed

Specifies whether the column width is fixed or determined by the width of the content.

CSS 2.1

4.6 or later

Backgrounds & foregrounds | Box model | Fonts | Lists | Tables | Text | Visual effects | Visual formatting

Text properties

Property

Value

Description

Support level

Availability

letter-spacing

Length | normal

Specifies the spacing between the characters.

CSS 2.1

4.6 or later

text-align

left | right | center | justify

Specifies the horizontal alignment of the text for an element.

CSS 2.1

3.8 or later

text-decoration

linethrough | none | overline | underline

Specifies the decoration applied to the text.

CSS 2.1

3.8 or later

text-indent

Percentage | Length

Specifies the indentation of the first line of text in a block of text.

CSS 2.1

4.6 or later

text-overflow

clip | ellipsis

Specifies the behavior of non-wrapped text.

No longer part of the CSS 3 specification

6.0 or later

text-shadow

List of shadow effects

Specifies the characteristics of a text drop shadow, including horizontal and vertical offset, blur radius, and color.

CSS 3

6.0 or later

text-transform

none | capitalize | uppercase | lowercase

Specifies how the text is capitalized.

CSS 2.1

4.6 or later

white-space

normal | nowrap | pre | pre-line | pre-wrap

Specifies how white space in an element is handled.

CSS 2.1

4.6 or later

word-spacing

Length | normal

Specifies the spacing between words.

CSS 2.1

4.6 or later

-webkit-text-fill-color

Color

Specifies a fill color for text.

Not part of any standard

6.0 or later

Backgrounds & foregrounds | Box model | Fonts | Lists | Tables | Text | Visual effects | Visual formatting

Visual effects properties

Property

Value

Description

Support level

Availability

display

inline | inline-block | inline-table | list-item | item | none | table | table-caption | table-cell | table-footer-group | table-header-group | table-row | table-row-group

Specifies how or if an element is displayed.

CSS 2.1

4.3 or later

float

center |left | right | none

Specifies where an image or text will appear in another element.

CSS 2.1

4.6 or later

overflow

auto | hidden | scroll | visible

Specifies the behavior when the content of an element overflows the available space for that element.

CSS 2.1

4.6 or later

visibility

hidden | visible

Specifies whether elements are rendered or not.

CSS 2.1

4.6 or later

-webkit-animation

List of animation values

Specifies one or more animation properties.

CSS 3

6.0 or later

-webkit-animation-direction

normal | alternate

Specifies whether the animation reverses for alternate iterations.

CSS 3

6.0 or later

-webkit-animation-duration

Time

Specifies the length of time the animation takes to complete one iteration.

CSS 3

6.0 or later

-webkit-animation-iteration-count

infinite | Number

Specifies the number of times the animation will be repeated.

CSS 3

6.0 or later

-webkit-animation-name

Text

Specifies a name for the animation.

CSS 3

6.0 or later

-webkit-animation-timing-function

ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(x1, y1, x2, y2)

Specifies how the animation progresses between keyframes.

CSS 3

6.0 or later

-webkit-transform

List of transformation functions

Specifies the transformation functions that are to be applied to an element.

CSS 3

6.0 or later

-webkit-transform-origin

Percentage | Length | left | center | right

Specifies the origin for transform.

CSS 3

6.0 or later

-webkit-transition

List of transition values

Specifies one or more transition properties.

CSS 3

6.0 or later

-webkit-transition-duration

Time

Specifies the length of time the transition takes to complete one iteration.

CSS 3

6.0 or later

-webkit-transition-property

none | all | Property

Specifies the name of the CSS property to which the transition is applied.

CSS 3

6.0 or later

-webkit-transition-timing-function

ease | linear | ease-in | ease-out | ease-in-out | cubic-bezier(x1, y1, x2, y2)

Specifies how the intermediate values used during a transition will be calculated.

CSS 3

6.0 or later

Backgrounds & foregrounds | Box model | Fonts | Lists | Tables | Text | Visual effects | Visual formatting

Visual formatting properties

Property

Value

Description

Support level

Availability

bottom

Percentage | Length | auto

Specifies the distance of the bottom edge of an element above or below the parent element.

CSS 2.1

4.6 or later

clear

left | right | both | none

Specifies which sides of an element's box may not be adjacent to an earlier floating box

CSS 2.1

6.0 or later

direction

ltr | rtl

Specifies the direction of the text.

CSS 2.1

4.6 or later

height

Percentage | Length | auto

Specifies the height of an element.

CSS 2.1

3.8 or later

left

Percentage | Length | auto

Specifies the distance of the left edge of an element from the right or left edge of the parent element.

CSS 2.1

4.6 or later

line-height

normal | Number | Percentage | Length

Specifies the height of each line in an element.

CSS 2.1

4.6 or later

max-height

none | Percentage | Length

Specifies the maximum height for an element.

CSS 2.1

4.6 or later

max-width

none | Percentage | Length

Specifies the maximum width for an element.

CSS 2.1

4.6 or later

min-height

Percentage | Length

Specifies the minimum height for an element.

CSS 2.1

4.6 or later

min-width

Percentage | Length

Specifies the minimum width for an element.

CSS 2.1

4.6 or later

position

absolute | fixed | relative | static

Specifies the position of the element.

CSS 2.1

4.6 or later

right

Percentage | Length | auto

Specifies the distance of the right edge of the of an element from the right or left edge of the parent element.

CSS 2.1

4.6 or later

top

Percentage | Length | auto

Specifies the distance of the top edge of an element above or below the parent element.

CSS 2.1

4.6 or later

vertical-align

Percentage | Length | baseline | sub | super | top | text-top | middle | bottom | text-bottom

Specifies the vertical alignment of an element.

CSS 2.1

4.6 or later

width

Percentage | Length | auto

Specifies the width of an element.

CSS 2.1

3.8 or later

z-index

Number | auto

Specifies the stack order of an element.

CSS 2.1

4.6 or later

Backgrounds & foregrounds | Box model | Fonts | Lists | Tables | Text | Visual effects | Visual formatting

Previous topic: About this guide

Was this information helpful? Send us your comments.