border-image

格式：border-image:url(border.png) 上向内偏移 右向内偏移 下向内偏移 左向内偏移 [stretch|round|repeat];
4个偏移可以用一个数值代替，默认像素，不写单位。也可以用百分比。
例：27像素边框的border图应用到15像素边框的图上
border-image:url(border.png) 27/15px round;

时间： 2024-10-06 11:27:01

border-image的相关文章

HTML框架布局 - layout.border

经常用到上下左右,中间填充满这样的布局,在java swing中有BorderLayout,HTML中通常使用CSS来实现布局,但要实现border layout这样的效果有些麻烦,很多第三方实现,比如easyui, extjs,功能过于强大,我只是想要一个简单的布局而已,于是自己写了个jquery布局插件,支持嵌套布局以及小功能,方便团队使用,项目地址:https://github.com/samsha/layout.border 简介简单的布局效果,实现上下左右,中间充满的布局依赖需要

border:none;与border:0;的区别

这问题在网络相信已经有不少人问到,最近再次被牵起讨论,籍此记录一下个人的理解,border:none;与border:0;的区别体现有两点: 一是理论上的性能差异二是浏览器兼容性的差异.1.性能差异 [border:0;]把border设为"0"像素虽然在页面上看不见,但按border默认值理解, 浏览器依然对border-width/border-color进行了渲染,即已经占用了内存值. [border:none;]把border设为"none"即没有,浏览器解

outline与border的区别

在浏览器里,当鼠标点击或使用Tab键让一个链接或者一个radio获得焦点的时候,该元素将会被一个轮廓虚线框围绕.这个轮廓虚线框就是 outline . outline 能告诉用户那一个可以激发事件的html元素获取了焦点,对钟爱键盘操作的用户尤其有意义.一个清晰悦目的outline设计能提高使用表单的用户体验. 另一方面,outline 也有些讨厌的地方,比如使用CSS设计的Tab(标签页)时,选择一个Tab之后,Tab上的轮廓虚线会一直显示,有些影响美观. CSS 的 outline 属性允许

CSS框模型以及maigin、border、padding属性

一.框模型(Box Model) 在CSS中所有元素都是框,都有高度(height).宽度(width).内边距(padding).边框(border).外边距(margin)等属性.框模型规定了元素框处理元素内容.内边距.边框和外边距的方式. 元素框的最内部分是实际内容,向外依次是内边距.边框和外边距.外边距默认是透明的,因此不会遮挡其后的任何元素.内边距.边框和外边距都是可选的,默认值是0. 注意:背景应用于内容和内边距.边框组成的区域. 在CSS中,width和height指的是内容区域的

获取元素的属性-border问题

var oborder=parseInt(getStyle(oLi[0],'border'))*2;alert(oborder0); 可以弹出border的值! oHeight=parseInt(getStyle(oLi[0],'height'))+oborder; oUl[i].style.height = oHeight*oLiLength+ 'px'; 这种情况无法将border的值和高度一起计算后赋值给其他属性.

table 如何给tr border颜色

border-collapse属性值说明 separate 默认值,边框分开,不合并 collapse 边框合并,如果相邻,则共用一个边框 table,th,td{border:1px solid gray} table{border-collapse:collapse;} 只有collapse才能设置border颜色如下css为 .linktable{border-collapse: collapse;}.linktable tr{border-bottom: 1px solid #eee

利用border和border-radius绘制一些小图片

大都知道border属性有四个参数,那么border-radius必然也是有四个参数我们知道border属性的四个参数分别是border-top,border-right,border-bottom,border-left.(按顺时针方向) 那么border-radius四个参数是什么了? border-radius:上左,上右,下右,下左: 下面我们利用border-radius绘制一些大家平时常见的图片. 1.简单的圆形 <!DOCTYPE html> <html> <

WPF 通过Border来画边框

WPF有自己的表格控件DataGrid.ListBox等,如果只是简单的需求,可以通过Border控件来画边框. 比如我们需要给上面的控件加上边框. <Window x:Class="WpfApplication5.MainWindow" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/win

css之border怎么写？

一个border 有三个属性:了解 1).边框颜色:border-color:#000 2).边框厚度(宽度):border-width:1px 使用数字+单位设置边框厚度宽度,如1px(边框厚度宽度为1像素),边框必须为正数字,大于0的数值.否则设置边框border样式无效. 3).border边框样式:border-style:solid 简写:border:1px solid #000; 以后这么写三个边有边一边没有边的设置技巧: 如左右下有边框并且样式为黑色1PX宽度实线边框,而上边

table中设置border的问题

今天在修改table样式的时,想给tr加个border-bottom,一开始用的颜色比较浅,我还以为看电脑太久眼花,结果换了比较深的颜色后,border-bottom真的没有出来. 忽然想起在html代码中我给table设了内联样式:border="0",会不会是这个的原因,结果删去后还是不行,翻了下论坛,结果找到了答案. 将table设置样式: border-collapse:collapse; 然后就可以开始给我的tr元素设置border-bottom了.