Styling

From HTML5 Builder
Jump to: navigation, search

You can customize and fine-tune the style of any control.

Using Properties

Controls provide several properties that let you customize their appearance. The available properties will depend on the control (e.g. Image does not have a Font property).

Note: For these properties to work in mobile controls, set their Enhancement property to either enStructure or enNone.
BorderRadius
Define the radius of each corner of the control, as well as the border width, color and style.
BoxShadow
Define the control’s shadow: blur radius, color, position, and style.
Color
Define the background color. You might want to use Gradient instead.
Font
Define the details for the control’s font: alignment, case, color, family, line height, size, style, variant and weight.
Gradient
Define the background color as a gradient. Both linear and radial gradients are supported.
TextShadow
Define the shadow for the text in the control: blur radius, color, position, and style.
Transform
Perform transformations on the control: rotation, scalation, skewing and translation.

Using CSS

If you need more flexibility or advanced features, you can use CSS code to customize the look of your controls. See CSS Stylesheet for information on how to include CSS files in your pages.

See Also

Personal tools