首页 > web前端 > css教程 > 正文

表格边框的css语法

PHPz
发布: 2018-09-28 11:10:29
原创
2060 人浏览过

我们知道Dreamweaver在表格制作方面做得非常出色,但是在某些时候还是必须结合css才能达到一些特定效果,下面我们先把有关表格边框的css语法整理出来,然后另外介绍怎样用css美化表格的边框。  

有关表格边框的css语法 

  具体内容包括:上边框宽度、右边框宽度、下边框宽度、左边框宽度、边框宽度、边框颜色、边框样式、上边框、下边框、左边框、右边框、边框、宽度、高度、有关标签等。 

1.上边框宽度 

  语法: border-top-width: <值> 

  允许值: thin | medium | thick | <长度> 

  初始值: medium 

  适用于: 所有对象 

  向下兼容: 否 

  上边框宽度属性用于指定一个元素上边框的宽度。值可以是三个关键字其中的一个,都不受字体大小或长度的影响,可以用于实现成比例的宽度。不允许使用负值。也可以用在上边框、边框的宽度或边框的属性略写。 

2.右边框宽度 

  语法: border-right-width: <值> 

  允许值: thin | medium | thick | <长度> 

  初始值: medium 

  适用于: 所有对象 

  向下兼容: 否 

  右边框宽度属性用于指定元素的右边框的宽度。值可以是三个关键字其中的一个,都不受字体大小或长度的影响,可以用于实现成比例的宽度。不允许使用负值。也可以用在右边框、边框的宽度或边框的属性略写。 

3.下边框宽度 

  语法: border-bottom-width: <值> 

  允许值: thin | medium | thick | <长度> 

  初始值: medium 

  适用于: 所有对象 

  向下兼容: 否 

  下边框宽度属性用于指定元素的下边框的宽度。值可以是三个关键字其中的一个,都不受字体大小或长度的影响,可以用于实现成比例的宽度。不允许使用负值。也可以用在下边框、边框的宽度或边框的属性略写。 

4.左边框宽度 

  语法: border-left-width: <值> 

  允许值: thin | medium | thick | <长度> 

  初始值: medium 

  适用于: 所有对象 

  向下兼容: 否

  左边框宽度属性用于指定元素的左边框的宽度。值可以是三个关键字其中的一个,都不受字体大小或长度的影响,可以用于实现成比例的宽度。不允许使用负值。也可以用在左边框、边框的宽度或边框的属性略写。 

5.边框宽度 

  语法: border-width: <值> 

  允许值: [ thin | medium | thick | <长度> ]{1,4} 

  初始值: 未定义 

  适用于: 所有对象 

  向下兼容: 否 

  边框宽度属性用一到四个值来设置元素的边界,值是一个关键字或长度。不允许使用负值长度。如果四个值都给出了,它们分别应用于上、右、下和左边框的式样。如果给出一个值,它将被运用到各边上。如果两个或三个值给出了,省略了的值与对边相等。 这个属性是上边框宽度、右边框宽度、下边框宽度和左边框宽度属性的略写。也可以使用略写的边框属性。 

6.边框颜色 

  语法: border-color: <值> 

  允许值: <颜色>{1,4} 

  初始值: 颜色属性的值 

  适用于: 所有对象 

  向下兼容: 否 

  边框颜色属性设置一个元素的边框颜色。可以使用一到四个关键字。如果四个值都给出了,它们分别应用于上、右、下和左边框的式样。如果给出一个值,它将被运用到各边上。如果两个或三个值给出了,省略了的值与对边相等。也可以使用略写的边框属性。 

7.边框样式 

  语法: border-style: <值> 

  允许值: [ none | dotted | dashed | solid | double | groove | ridge | inset | outset ]{1,4} 

  初始值: none 

  适用于: 所有对象 

  向下兼容: 否 

L'attribut border style est utilisé pour définir le style de la bordure d'un élément. Cette propriété doit être utilisée pour spécifier une bordure visible. Vous pouvez utiliser un à quatre mots-clés. Si les quatre valeurs sont données, elles s'appliquent respectivement aux styles de bordure supérieure, droite, inférieure et gauche. Si une valeur est donnée, elle sera appliquée à chaque arête. Si deux ou trois valeurs sont données, la valeur omise est égale au côté opposé. Vous pouvez également utiliser l'attribut border abrégé.

aucun : pas de style ;
pointillé : ligne pointillée ;
pointillé : ligne pointillée ;
plein : ligne continue
double : ligne double ; ;
crête : crête
encart : concave
début : convexe ;

8. Bordure supérieure

Syntaxe : border-top :

Valeurs autorisées : ||

Valeur initiale : non définie

S'applique à : tous les objets

Compatibilité descendante : non

La bordure- L'attribut top est un raccourci permettant de définir la largeur, le style et la couleur de la bordure d'un élément. Notez qu’un seul style de bordure peut être donné. Vous pouvez également utiliser l'attribut border abrégé.

9. Bordure droite

Syntaxe : border-right :

Valeurs autorisées :