[ASP.net] Image的BorderWidth

2011-05-25

今天發現Image控制項BorderWidth成員有個特性

假設像以下

<asp:Image ID="img_leftTopMenu" runat="server" ImageUrl="圖片位址"  AlternateText="alt必填" />
<!--或以下這樣-->
<asp:Image ID="img_leftTopMenu" runat="server" ImageUrl="圖片位址"  AlternateText="alt必填" BorderWidth="0"/>

呈現出來的HTML

<img id="ctl00_img_leftTopMenu" style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;" alt="alt必填" src="圖片位址" complete="complete"/>
<!--以下是第二個-->
<img id="ctl00_img_leftTopMenu" style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;" alt="alt必填" src="圖片位址" complete="complete"/>

不管BorderWidth有沒有指派0，呈現出來的都是style=”border:0px;”

假設美工人員給工程師這樣的圖片HTML

<img src="images/DevelopProjectPreview.jpg" alt="alt必填" border="0" />

然後該圖片又剛好加CSS

 img{

	border: 1px solid #dcdcdc;

}

在靜態網頁上run出來結果，圖片是有border的

但套在ASP.net程式的話，圖片會因為style=”border:0px;”，即時CSS有加border:1px solid;，ASP.net上的圖片還是沒有Border

此時就要這樣改

<!--搭配CSS，Border指派1px-->
<asp:Image ID="img_leftTopMenu" runat="server" ImageUrl="圖片位址"  AlternateText="alt必填" BorderWidth="1"/>

回首頁