CSS -moz-float-edge ããããã£
Deprecated
Avoid using this feature in new projects. This feature may be a candidate for removal from web standards or browsers.
éæ¨æº: ãã®æ©è½ã¯æ¨æºåããã¦ãã¾ãããéæ¨æºã®æ©è½ã¯ãã©ã¦ã¶ã¼ã®å¯¾å¿ãéãããå°æ¥çã«å¤æ´ã¾ãã¯åé¤ãããå¯è½æ§ããããããæ¬çªç°å¢ã§ã®ä½¿ç¨ã¯æ¨å¥¨ããã¾ããããã ããæ¨æºã®é¸æè¢ãåå¨ããªãç¹å®ã®ã±ã¼ã¹ã§ã¯ãæå¹ãªä»£æ¿æ段ã¨ãªãå ´åãããã¾ãã
æ¨æºå¤ã® -moz-float-edge CSS ããããã£ã¯ãè¦ç´ ã®é«ãã¨å¹
ã®ããããã£ã margin ãborder ãpadding ã®å¤ªããå«ãã§ãããã©ãããæå®ãã¾ãã
æ§æ
/* ãã¼ã¯ã¼ãå¤ */
-moz-float-edge: content-box;
-moz-float-edge: margin-box;
/* ã°ãã¼ãã«å¤ */
-moz-float-edge: inherit;
-moz-float-edge: initial;
-moz-float-edge: unset;
å¤
content-box-
é«ãã¨å¹ ã®ããããã£ãã³ã³ãã³ããå«ãããpadding ãborder ããã³ margin ã¯å«ã¾ãªãã
margin-box-
é«ãã¨å¹ ã®ããããã£ãã³ã³ãã³ããpadding ã border ããã³ margin ãå«ãã
å ¬å¼å®ç¾©
| åæå¤ | content-box |
|---|---|
| é©ç¨å¯¾è±¡ | ãã¹ã¦ã®è¦ç´ |
| ç¶æ¿ | ãªã |
| è¨ç®å¤ | æå®éã |
| ã¢ãã¡ã¼ã·ã§ã³ã®ç¨®é¡ | é¢æ£å¤ |
å½¢å¼ææ³
-moz-float-edge =
content-box |
margin-box
ä¾
HTML
<div class="box">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
</div>
CSS
.box {
display: block;
height: 5px;
margin: 0.5em auto;
color: gray;
-moz-float-edge: margin-box;
box-sizing: border-box;
}
çµæ
ä»æ§æ¸
ã©ã®æ¨æºã«ãå«ã¾ãã¦ãã¾ããã