హ్ట్మ్ల్ <img> టాగ్ బార్డర్ అట్రిబ్యూట్

హ్ట్మ్ఎల్ <img> టాగ్

ప్రకటన

ఈ హ్ట్మ్ల్ స్క్రిప్ట్ వివిధ గానే చిత్రం హెడ్జ్ విధించగలదు:




border="1" />




border="2" />




border="4" />




border="8" />

亲自试一试

定义和用法

标签的 border 属性规定图像周围的边框的宽度，就是说可以增加或去掉图像的边框。

కమెంట్:డిఫాల్ట్లో, చిత్రం బార్డర్ లేదు (మరియు చిత్రం a టాగ్ లో ఉన్నప్పుడు తప్ప).

బ్రౌజర్లు సాధారణంగా హెచ్చరణలు అయ్యే చిత్రాలను (ఉదాహరణకు, <a> టాగ్ లోకి చొందబడిన చిత్రాలను) రెండు పిక్సెల్స్ వెడిత బార్డర్ లో చూపిస్తాయి, ఇది చిత్రం ద్వారా ప్రాప్యమయ్యే డాక్యుమెంట్ను ఎంచుకోవచ్చని సూచిస్తుంది.

border అట్రిబ్యూట్ మరియు పిక్సెల్స్ వెడిత విలువను ఉపయోగించడంద్వారా చిత్రం బార్డర్ ను తొలగించవచ్చు (border="0") లేదా విస్తరించవచ్చు.

మెరుగుదల మొదలు పెట్టండి:ఈ అట్రిబ్యూట్ HTML 4 మరియు XHTML లో కూడా నిరాకరించబడింది, అయినా ఇప్పటికీ ప్రసిద్ధ బ్రౌజర్లు మద్దతు చేస్తాయి.

延伸阅读：去掉图像的边框

బ్రౌజర్ మద్దతు

బార్డర్ అట్రిబ్యూట్ వాడకపై నిరాకరించబడింది అయినప్పటికీ, అన్ని ప్రధాన బ్రౌజర్లు ఈ అట్రిబ్యూట్ ను మద్దతు చేస్తాయి.

అనుష్ఠానం మరియు కమెంట్

కమెంట్:HTML 4.01 లో చిత్రాల యొక్క "border" అట్రిబ్యూట్ నిరాకరించబడింది; XHTML 1.0 Strict DTD మరియు HTML 5 లో, ఈ అట్రిబ్యూట్ మద్దతు లేదు.

అనుష్ఠానం:ఉపదేశం ఉపయోగించండి CSS యొక్క బార్డర్ అట్రిబ్యూట్ అట్రిబ్యూట్ బార్డర్ శైలిని మార్చడానికి. మీరు బాహ్య స్టైల్ షేట్లో CSS బార్డర్ అట్రిబ్యూట్ ఉపయోగించవచ్చు, అలాగే సైట్ పైని అన్ని చిత్రాలకు ఒకే బార్డర్ అట్రిబ్యూట్ అమర్చవచ్చు. ఒకే చిత్రానికి బార్డర్ అట్రిబ్యూట్ అమర్చడానికి బదులుగా, ఈ విధం విశేషంగా ఎక్కువ సామర్థ్యం కలిగి ఉంటుంది.

సహకారం కమెంట్

img టాగ్ యొక్క border అట్రిబ్యూట్ వాడకపై నిరాకరించబడింది; HTML 4.01 Strict మరియు XHTML 1.0 Strict DTD లో, img టాగ్ యొక్క border అట్రిబ్యూట్ మద్దతు లేదు.

CSS ఉపయోగించండి.

CSS సంక్షిప్త రూపం: <img style="border:5px solid black">

CSS ఉదాహరణ: చిత్రం బార్డర్

మా CSS శిక్షణలో, మీరు బయటి వివరణలను కనుగొనవచ్చు. border అట్రిబ్యూట్ వివరణలు.

సంక్షిప్త రూపం

<img border="value" />

అట్రిబ్యూట్ విలువ

విలువ వివరణ
pixels బార్డర్ వెడిత, పిక్సెల్స్ అంతరంగా.

TIY ఉదాహరణ

<img> టాగ్ యొక్క border అట్రిబ్యూట్
本例演示如何使用 标签的 border 属性来改变图像的边框。

延伸阅读：去掉图像的边框

通过在 标签中使用 border="0" 属性，就可以把图像超链接周围的边框去掉。对于某些图像，尤其是那些图像映射来说，没有边框可能会使页面的外观得到改善。而对于那些清楚地表示是指向其他图像的链接按钮，如果没有边框，图像看上去可能会更好。

虽然去掉边框不会降低文档的可用性，但还是要多加小心。因为没有边框就意味着去掉了一种非常常见的超链接视觉指示效果，这使得读者可能不会像原来那么很容易就可以找到这些链接。浏览器通常会在鼠标移动到超链接图像上的时候改变鼠标指针的形状，但是不能指望浏览器一定会这样做，更不应该让用户在没有边框的图像上摸索，已找到那些隐藏的链接。

我们强烈推荐你在使用无边框图像时，最好同时使用其他方法，以便你的读者知道应该在这些图像上单击。即使使用简单的文字，也很难使文档对于读者来说具有更好的可访问性。

హ్ట్మ్ఎల్ <img> టాగ్