Page 95 - CodePilot V5.0 C8
P. 95
Property Name Value Description
Value in pixels or
BORDER-RADIUS It adds rounded corners to a form element.
percentage
Value in pixels or
WIDTH It sets the width of a form element.
percentage
Value in pixels or
HEIGHT It sets the height of a form element.
percentage
NORMAL, BOLD,
FONT-WEIGHT It sets the thickness of the font.
BOLDER or LIGHTER
LEFT, RIGHT, CENTER, It sets the horizontal alignment of text within
TEXT-ALIGN
JUSTIFY an element.
Colour name,
BACKGROUND-COLOR It sets the background colour of an element.
Hexadecimal value
Value in pixels or
FONT-SIZE It sets the size of the font for the element.
percentage
Colour name,
COLOR It sets the colour of the text in an element.
Hexadecimal value
The following code uses the CSS properties to style and improve the appearance of the
HTML form:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>Sports Registration Form</TITLE>
<STYLE>
LABEL {FONT-WEIGHT: BOLD;}
INPUT, SELECT, TEXTAREA {WIDTH: 95%;PADDING: 10PX;BORDER: 1PX SOLID
#ccc;BORDER-RADIUS: 5PX;}
SELECT {WIDTH: 100%;PADDING: 10PX;}
</STYLE>
</HEAD>
<BODY STYLE="FONT-FAMILY: Arial, sans-serif; BACKGROUND-COLOR:
#e3f2fd;">
<H2 STYLE="TEXT-ALIGN: CENTER; COLOR: #4caf50;">Sports Registration
Form</H2>
<HR SIZE="2" COLOR="#4CAF50"><BR>
<FORM STYLE="BACKGROUND-COLOR: #ffffff; PADDING: 20PX; BORDER-RADIUS:
93
Frames and Forms in HTML5
