HTMLImageElement: border ããããã£
Deprecated
Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers. >
廿¢ããã HTMLImageElement ã® border ããããã£ã¯ã ç»åãå²ãå¢çç·ã®å¤ªãããã¯ã»ã«æ°ã§æå®ãã¾ããæ¢å®å¤ã§ãã 0 ã¯ãå¢çç·ãæç»ããªããã¨ã示ãã¾ãã
ãã®ããããã£ã¯ä½¿ç¨ããªãã§ãã ããã代ããã«ã CSS ã使ç¨ãã¦å¢çç·ãã¹ã¿ã¤ã«ä»ããã¦ãã ããã border ããããã£ã¾ãã¯ãã®å奿å®ããããã£ã使ç¨ããã¨ãå¢çç·ã®å¤ªããè¨å®ããã ãã§ãªããä»ã®æ§ã
ãªã¹ã¿ã¤ãªã³ã°ãªãã·ã§ã³ãé©ç¨ã§ããå¯è½æ§ãããã¾ãã
å
·ä½çã«ã¯ãæ¸åæ¹åãæèãã border-block-start-width, border-block-end-width, border-inline-start-width, border-inline-end-width 屿§ãç¨ãã¦å¶å¾¡ããã¾ãã
äºææ§ï¼ãããã¯ãã®ä»ã®çç±ï¼ã®ããã«ã代ããã«ï¼ãããã¯è¿½å ã§ï¼å¤ãããããã£ã使ç¨ãããã¨ãã§ãã¾ãã border-top-width, border-right-width, border-bottom-width, border-left-width ã§ãã
å¤
ç»åãå²ãå¢çç·ã®å¤ªãã CSS ãã¯ã»ã«åä½ã§æå®ããæ´æ°å¤ãå
¥ã£ãæååã§ãã0 ã¾ãã¯ç©ºæååã¯ãå¢çç·ãæç»ããªããã¨ãæå³ãã¾ããborder ã®æ¢å®ã®å¤ã¯ 0 ã§ãã
使ç¨ä¸ã®æ³¨æ
border ã¯ä½¿ããªãã§ãã ãããããã¯æä»£é
ãã§ãã代ããã«ãCSS ã® border ããããã£ã¨ãã®å奿å®ããããã£ã使ç¨ãã¦ãç»åã®å¨ãã«å¢çç·ãè¨å®ãã¦ãã ããã
ä¾ãã°ã以ä¸ã®ãã㪠HTML ããã£ãå ´åã§ãã
<img src="image.png" border="2" />
以ä¸ã¯ããã®å»æ¢ãããããããã£ã®ä»£ããã«ãCSS ã使ç¨ãã¦åãå¤è¦³ãæä¾ãããã®ã§ãã
<img src="image.png" style="border: 2px;" />
ããã«è¿½å æ å ±ãå ¥åãããã¨ã§ãå¢çç·ã®è²ãªã©ã夿´ãããã¨ãã§ãã¾ãã
<img src="image.png" style="border: dashed 2px #333388;" />
仿§æ¸
| 仿§æ¸ |
|---|
| HTML > # dom-img-border > |