CSS Mjikizo waambaa wa Kifungo cha Kwanza
- Manduku ya Kwanza CSS Mjikizo waambaa wa Mawili
- Manduku ya Kina CSS Mjikizo waambaa wa Kivunja cha Kwanza
CSS Mjikizo waambaa wa Kifungo cha Kwanza
在本章中,您将学到以下 CSS 用户界面属性:
resize
outline-offset
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
Mjikizo waambaa | Chrome | IE | Firefox | Safari | Opera |
---|---|---|---|---|---|
resize | 4.0 | 不支持 | 5.0 | 4.0 | 15.0 |
outline-offset | 4.0 | 15.0 | 5.0 | 4.0 | 9.5 |
CSS 调整大小
resize
属性规定元素是否应(以及如何)被用户调整大小。
这个 div 元素可由用户调整大小!
调整大小:单击并拖动此 div 元素的右下角。
注意:Internet Explorer 不支持 resize 属性。
下例只允许用户调整
元素的宽度:
mivuno
div { resize: horizontal; overflow: auto; }
下例只允许用户调整
元素的高度:
mivuno
div { resize: vertical; overflow: auto; }
下例允许用户能够调整
元素的高度和宽度:
mivuno
div { resize: both; overflow: auto; }
在许多浏览器中,
mivuno
textarea { resize: none; }
Uingilio wa mabaki ya kifungu
outline-offset
属性在轮廓与元素的边缘边框之间添加空间。
这个 div 在边框边缘外有 15px 的轮廓。
注意:轮廓与边框不同!与边框不同,轮廓线是在元素边框之外绘制的,并且可能与其他内容重叠。同时,轮廓也不是元素尺寸的一部分:元素的总宽度和高度不受轮廓线宽度的影响。
Mfano huo hili huzui outline-offset inaongeza hali na kati ya kifupi na mabaki ya kifupi:
mivuno
div.ex1 { margin: 20px; border: 1px solid black; outline: 4px solid red; outline-offset: 15px; } div.ex2 { margin: 10px; border: 1px solid black; outline: 5px dashed blue; outline-offset: 5px; }
Mjikizo waambaa wa Kifungo cha Kwanza cha Kifungo cha Kwanza
Tafaniti hii inakadiriwa kwa kila mawazo wa kifungo cha kwanza cha kifungo cha kwanza.
Mjikizo waambaa | Maelezo |
---|---|
outline-offset | Kuingiza msaada kati ya kifungo na kifungo cha kina cha kina ya elementi. |
resize | Kueleza kama elementi inaweza kusizwa kwa mwanasomwe. |
- Manduku ya Kwanza CSS Mjikizo waambaa wa Mawili
- Manduku ya Kina CSS Mjikizo waambaa wa Kivunja cha Kwanza