Main Menu
Multiwingspan Home Page
Multiwingspan Games
Gnasher @ Multiwingspan
Multiwingspan Calendar
Multiwingspan Clock
About Multiwingspan
Programming
Visual Basic 6.0 Guide
Visual Basic 6.0 Examples
Turbo Pascal Guide
SWI Prolog Guide
Visual Basic 2005 Guide
Structured Query Language
Web Design
HTML Design Tasks
Introduction To HTML
Introduction To CSS
Introduction To Javascript
Notes
AS/A2 Level Computing

Cascading Stylesheets Guide
Box Properties

The following properties deal with the dimensions of box elements. If applied to table tags (eg <td>) they will specify sizes and borders. If applied to paragraph or link tags they add features which are not available in HTML alone.

width: length in pixels or percentage;
height: length in pixels or percentage;

eg width: 200px;

border: border-width border-style border-colour;

eg border: 2px solid red;

Individual borders can be defined using the following…

border-top:
border-bottom:
border-left:
border-right:

Exercise 17

Open the document that you created in Exercise 10/11 (your timetable). Copy the following code into the <head> section of the document.

<style type="text/css">
td {
border: 2px solid red;
}
</style>

Save, view and print your work.

Exercise 18

Modify the document that you created in Exercise 17 to apply different styles to your table data tags. Save, view and print the results.

Return To CSS Guide || Return To Homepage