HTML table tag tutorial (12): border style attribute FRAME

HTML table tag tutorial (12): border style attribute FRAME

Use the FRAME property to control the style type of the table border.
Basic syntax
<TABLE Frame="value">
Syntax
The values ​​of VALUE are shown in the following table:
Table border style property value description Above Display top border Below Display bottom border Border Display top, bottom, left, and right borders Box Display top, bottom, left, and right borders Hsides Display top and bottom borders Lhs Display left border Rhs Display right border Void Do not display borders Vsides Display left and right borders
File example: 10-12.htm
Sets the border style of the table.
01 <!-- ------------------------------ -->
02 <!-- File example: 10-12.htm -->
03 <!-- File Description: Set the border style of the table-->
04 <!-- ------------------------------ -->
05 <HTML>
06 <HEAD>
07 <TITLE>Set the border style of the table</TITLE>
08 </HEAD>
09 <BODY>
10 <H1>Mainstream web design software</H1>
11 <TABLE BORDER=3 WIDTH=400 HEIGHT=100 Bordercolor=#336699 CellSpacing=10 CellPadding=25 ALIGN="CENTER" frame=vsides>
12 <TR>
13 <TD>Web Graphics Software</TD><TD>Fireworks</TD>
14 </TR>
15 <TR>
16 <TD>Web page creation software</TD><TD>Dreamweaver</TD>
17 </TR>
18 <TR>
19 <TD>Web animation software</TD><TD>Flash</TD>
20 </TR>
21 </TABLE>
22 </BODY>
23 </HTML>
File Description <br />Line 11 defines the border style of the table to display only the left and right borders.

<<:  Docker Nginx container production and deployment implementation method

>>:  Implementation of converting between underline and camel case in js (multiple methods)

Recommend

Example of implementing circular progress bar in Vue

Data display has always been a demand that all wa...

VMware Workstation Pro 16 License Key with Usage Tutorial

VMware Workstation is a powerful desktop virtual ...

Vue-Router installation process and principle detailed

Table of contents 1. Front-end routing implementa...

How to package the uniapp project as a desktop application

Installing Electron cnpm install electron -g Inst...

The latest MySQL 5.7.23 installation and configuration graphic tutorial

The detailed installation and configuration of th...

Front-end development must learn to understand HTML tags every day (1)

2.1 Semanticization makes your web pages better u...

HTML pop-up div is very useful to realize mobile centering

Copy code The code is as follows: <!DOCTYPE ht...

Implementation of ssh non-secret communication in linux

What is ssh Administrators can log in remotely to...

Detailed explanation of MySQL Group by optimization

Table of contents Standard execution process opti...

Sample code for cool breathing effect using CSS3+JavaScript

A simple cool effect achieved with CSS3 animation...

How to make Python scripts run directly under Ubuntu

Let’s take the translation program as an example....

html option disable select select disable option example

Copy code The code is as follows: <select> ...

Example code for implementing page floating box based on JS

When the scroll bar is pulled down, the floating ...