Page 208 - Webapplication11_C11_Flipbook
P. 208
Property Description
caption-side Specifies the position of the table caption (top or bottom of the table).
empty-cells Controls whether to display or hide borders and background on empty cells.
table-layout Defines the algorithm used to lay out the table cells, rows, and columns.
width Sets the width of the table.
height Sets the height of the table.
padding Specifies the padding inside table cells.
text-align Sets the horizontal alignment of the content in table cells.
vertical-align Sets the vertical alignment of the content in table cells.
background-color Specifies the background color of the table, rows, or cells.
border-color Sets the color of the table, row, or cell borders.
border-width Specifies the width of the border for the table, rows, or cells.
border-style Defines the style of the border (e.g., solid, dotted, dashed).
Lab Assignment ‘n Activity #Experiential Learning
#Computational Thinking
1. Type the following code and see the output.
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body{color: red;font-size: 25px}
p.std {direction: ltr;}
p.rev {direction: rtl;}
</style>
</head>
<body>
<p class="std">
Giant pandas can no longer survive in the wild without human protection
</p>
<p class="rev">Duck-billed platypuses are shy,
tiny creatures who they have a flattened head and body
</p>
</body>
</html>
206 Touchpad Web Applications-XI

