bordersize属性？css设置border长度

编程之家2026-07-01985次浏览

这篇文章给大家聊聊关于bordersize属性，以及css设置border长度对应的知识点，希望对各位有所帮助，不要忘了收藏本站哦。

css的属性有哪些

希望能帮到你属性名称

字体属性（Font）

font-family

font-style

font-variant

font-weight

font-size

颜色和背景属性

Color

Background-color

Background-image

Background-repeat

Background-attachment

Background-position

文本属性

Word-spacing

Letter-spacing

Text-decoration

Vertical-align

Text-transform

Text-align

Text-indent

Line-height

边距属性

Margin-top

Margin-right

Margin-bottom

Margin-left

填充距属性

Padding-top

Padding-right

Padding-bottom

Padding-left

边框属性

Border-top-width

Border-right-width

Border-bottom-width

Border-left-width

Border-width

Border-color

Border-style

Border-top

Border-right

Border-bottom

Border-left

Width

Height

Float

Clear

分级属性

Display

White-space

List-style-type

List-style-image

List-style-position

List-style

鼠标（Cursor）属性属性含义

使用什么字体

字体是否斜体

是否用小体大写

字体的粗细

字体的大小

定义前景色

定义背景色

定义背景图案

重复方式

设置滚动

初始位置

单词之间的间距

字母之间的间距

文字的装饰样式

垂直方向的位置

文本转换

对齐方式

首行的缩进方式

文本的行高

顶端边距

右侧边距

底端边距

左侧边距

顶端填充距

右侧填充距

底端填充距

左侧填充距

顶端边框宽度

右侧边框宽度

底端边框宽度

左侧边框宽度

一次定义宽度

设置边框颜色

设置边框样式

一次定义顶端

一次定义右侧

一次定义底端

一次定义左侧

定义宽度属性

定义高度属性

文字环绕

哪一边环绕

定义是否显示

怎样处理空白

加项目编号

加图案

第二行起始位置

一次定义列表

自动

定位“十”字

默认指针

手形

移动

箭头朝右方

箭头朝右上方

箭头朝左上方

箭头朝上方

箭头朝右下方

箭头朝左下方

箭头朝下方

箭头朝左方

文本“I”形

等待

帮助

属性值

所有的字体

Normal、italic、oblique

Normal、small-caps

Normal、bold、bolder、lithter等

Absolute-size、relative-size、length、percentage等

颜色

路径

Repeat-x、repeat-y、no-repeat

Scroll、Fixed

Percentage、length、top、left、

right、bottom等

Normal<length>

同上

None|underline|overline|line-

through|blink

Capitalize|uppercase|

lowercase|none

Left|right|center|justify

Normal|<number>|<length>|

Length|percentage|auto

同上

Length|percentage

同上

Thin|medium|thick|length

同上

Color

None|dotted|dash|solid等

Border-top-width|color等

同上

Length|percentage|auto

Length|auto

Left|right|none

Left|right|none|both

Block、inline、list-item、none

Normal、pre、nowrap

Disc、circle、square等

<url>|none

Inside、outside

Auto

Crosshair

Default

Hand

Move

e-resize

Ne-resize

Nw-resize

n-resize

Se-resize

Sw-resize

s-resize

w-resize

Text

Wait

Help

Css3——background属性详解

background：背景。在css里面作为css属性一成员，通过该属性可设置背景图片、背景颜色、背景图片截取等样式。而仅仅一个background又具有多个子属性。

颜色名称，如： background-color:red;

十六进制背景色，如： background-color:#f00;;

rgb颜色，这里如果是rgba，a表示透明程度，为0全透明，为1为完全不透明，

如： background-color:rgb(255,0,0.3);;

特殊值：transparent，透明色： background-color:transparent;

background-image属性用于为一个元素设置一个或多个背景图片，多个背景图片之间以逗号隔开。

一张图片： background-image: url(img/a.jpg);

多张图片： background-image: url(img/a.jpg),url(img/b.jpg);

特殊值：none，不显示背景图像

background-image: none;

background-repeat属性定义背景图像的重复方式。背景图像可以沿着水平轴，垂直轴，两个轴重复，或者根本不重复。

常用的4个值：

repeat：水平和垂直方向都重复图像， background-repeat: repeat;

repeat-x：水平方向重复图像

repeat-y：垂直方向重复图像

no-repeat：图像不重复

规定背景图像是否固定或者随着页面的其余部分滚动。

scroll：背景图像相对于页面不动，会随着网页的滚动而移动，默认

fixed：背景图像相对于浏览器窗口不动，内容滚动的时候背景图像不动

background-attachment: fixed;

第一个值为横坐标，第二个值为纵坐标。默认值为：(0% 0%)。

如果只指定了一个值，该值将用于横坐标。纵坐标将默认为50%。

例如： background-position: right；代表背景图右侧，垂直方向居中的位置。

百分比位置，如：background-position: 20% 20%;

具体像素位置，如：background-position: 20px 20px;

background-size设置背景图片大小。图片可以保有其原有的尺寸，或者拉伸到新的尺寸，或者在保持其原有比例的同时缩放到元素的可用空间的尺寸。

单张图片的背景大小可以使用以下三种方法中的一种来规定：

当通过宽度和高度值来设定尺寸时，你可以提供一或者两个数值:

每个值可以是<length>,是<percentage>,或者 [auto]。

示例：

为了设定超过一张以上的图片尺寸时，需要提供多项数值，它们通过逗号分隔。

CSS部分背景图片分辨率为427*640

分别给box的background-size属性添加不同的属性值，会产生不同的效果。

1、长度：可以用px、em、rem等指定背景图片大小，不能为负值。

background-clip裁剪，通常和background-origin一起使用，决定设置元素的背景（背景图片或颜色）是否显示。

注：background-clip只是将背景和背景色粗暴的裁剪。

该属性有四个值

border-box

背景延伸至边框外沿（但是在边框下层）。 background-origin: border-box;

background-origin规定了指定背景图片[ background-image ]属性的原点位置的背景相对区域.

border-box

背景图片的摆放以border区域为参考

padding-box

背景图片的摆放以padding区域为参考

content-box

背景图片的摆放以content区域为参考

样式：

先看一下background-origin属性。

先看一下background-clip属性。

这就印证了background-clip只是将背景和背景色粗暴的裁剪。

好的，以上就是我对background的各个属性的理解，实际应用时可能会有部分出入，我们只需要掌握background-color、background-image、background-repeat、background-position、background-size这几个常用的属性即可。

欢迎大家一起交流，讨论。

css样式的属性。

一、字体属性

与字体有关的属性包括：font-family,font-style,font-variant,font-weight,

font-size,font。执行顺序是：font-style,font-variant,font-weight,font-size

1、font-family:如果字体的名称中含有空格，那么要加上双引号。

2、font-style:normal|italic|oblique

3、font-variant:normal|small-caps

4、font-weight:normal|bold|bolder|lighter|100|200|300|400|500|600|700|800|900

normal相当于400，bold相当于700

5、font-size:absolute-size|relative-size|length|percentage

relative-size:larger|smaller

font属性可以一次定义前边提到的所有的字体属性。

二、颜色和背景属性

1、color:一般指前景色。

2、background-color:背景色。

3、background-image:

body{background-image:url(marble.jpg)}

4、background-repeat:repeat|repeat-x|repeat-y|no-repeat

body{background-image:url(marble.jpg);background-repeat:repeat-y}

5、background-attachment:scroll|fixed

设置文字在背景图案上面滚动，背景图案保持固定不动用fixed.

6、background-position:percentage|length{1,2}|top|center|bottom|left|center|right

7、background:background-color|background-image|background-repeat|background-attachment|background-position

可以一次设置前面的所有的有关背景的属性。如body{background:white url(bg.jpg)}

三、文本属性

1、word-spacing:normal|length

2、letter-spacing:normal|length

3、text-decoration:none|underline|overline|line-through|blink

这个属性用来对齐图片效果特别好。如image{vertical-align:baseline}

5、text-transform:capitalize|uppercase|lowercase|none

capitalize:每个单词的第一个字母大写。

uppercase:所有字都大写。

lowercase:所有字都小写。

6、text-align:left|right|center|justify

7、text-indent:length|percentage

适用于块级元素，定义文本首行的缩进方式。如p{text-indent:1cm}

8、line-height:normal|number|length|percentage

四、容器属性

1、margin-top:length|percentage|auto

如body{margin-top:0}

2、margin-right:同上

3、margin-bottom:同上

4、margin-left:同上

5、margin:length|percentage|auto{1,4}

前四个属性都可以用margin来定义。如果给出的值少于四个，那么缺失的部分就取其对边的值。

关于bordersize属性，css设置border长度的介绍到此结束，希望对大家有所帮助。

3dmax成品免费？3dmax永久免费版APPlinux shell 菜鸟教程(kalilinux手机版安装)