我试图了解 border-image-slice 在渐变边框图像的情况下如何工作。在规范中，边框图像切片的值可以是一个数字，
表示光栅图像的边缘偏移（以像素为单位）和矢量图像的坐标。对于矢量图像，该数字与元素的大小相关，而不是与源图像的大小相关，因此在这些情况下通常更可取。
border-image: repeating-linear-gradient(45deg,
#000, #000 1.5%,
transparent 1.5%, transparent 5%) 80;
因此，根据规范，80 是相对于 div 的大小（宽度：26em；高度：23em；）。但我还是不明白这是什么意思。当我更改 div 的宽度或高度时，边框图像不会改变其外观。但是当我更改边框图像切片或边框宽度时，外观会发生显着变化。所以看起来数字 80 和边框宽度 5em 之间存在相关性。（数字 40 的边框看起来相同，边框宽度为 2.5em，16 的边框宽度为 1em，等等）。
我的问题是数字 80 是如何计算的，这意味着给定 div 和渐变的切片过程是什么？（如果有草图，我们将不胜感激）而且 80 似乎不是以 px、em 或 % 为单位，因为当我添加这些单位时，外观正在发生变化。
完整代码在这里：
border-image: repeating-linear-gradient(45deg,
#000, #000 1.5%,
transparent 1.5%, transparent 5%) 80;
div {
box-sizing: border-box;
position: relative;
border: solid 5em #000;
border-image: repeating-linear-gradient(45deg,
#000, #000 1.5%,
transparent 1.5%, transparent 5%) 80;
padding: 2em;
width: 26em; height: …我有一个textarea属性"wrap"="hard"(实际上它是服务器端文本框,但有多个文本模式).
<asp:TextBox TextMode=MultiLine runat=server ID=txt Width=50 Height=50 class=txtclass />
<asp:Button runat=server ID=btnServer OnClick=btn_Click Width=80 Text="Click server" />
<input type="button" value="Click client" onclick="clientclick();" id="btnClient" style="width: 80px;" />
protected void Page_Load(object sender, EventArgs e)
{
txt.Attributes.Add("wrap", "hard");
}
我输入的文本比textarea宽.当我单击客户端按钮时,警报中的文本没有回车(如"111111111").
<script src="jquery-1.5.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
function clientclick() {
alert($('.txtclass').val());
}
当我在调试时单击服务器按钮时,我看到文本有回车符(如"11111\r \n1111").
protected void btn_Click(object sender, EventArgs args)
{
var test = txt.Text;
}
问题是如何在客户端获得带回车的文本？
为什么我们运行以下javascript代码:
var foo = {
bar: function () {
alert('s');
}
}
//1. foo.bar();
//2. var a = foo.bar;
//3. var b = (foo.bar);
(foo.bar)();
我们会收到一条错误消息"foo is undefined",但是如果我们取消注释1.或2.或3. line我们会得到警报''？我知道它是关于Reference类型和GetValue(),但我并不是真的明白这一点.
谢谢