是否可以使用CSS在单行中指定所有属性(顶部,底部,左侧,右侧)

时间:2016-06-22 06:13:13

标签: html css border

我想在一行CSS中指定所有属性(顶部,右侧,底部,左侧),就像我们如何指定一样margin:50px; ( margin-top:50px,margin-right:50px,margin-bottom:50px,margin-left:50px )

有没有办法做到这一点?

谢谢

3 个答案:

答案 0 :(得分:4)

是的,正确的方式是这样的。 它在右上角左下方。

margin: 10px 20px 50px 30px;

所以

margin: top right bottom left;

好的,所以我不确定你在问什么。仍然。

所以我会尽我所能。

保证金就是这样的。如你所说,有四个方面,右下方左下方,时钟方向运动。

你可以像我上面所做的那样定位每一个,或者如果它们都是相同的,你可以做到这一点

margin: 20px;

但是如果左边和右边相同,那么顶部和底部也可以这样做

margin: 20px 30px;

例如我使用

margin: 0 auto;
始终

您也可以

margin: 20px 30px 10px;

将以20px右侧为目标,30px为底部,10px,左侧为30px

如果你只想要正确的话,你可以这样做

margin-right:20px;

对于margin-top,margin-bottom,margin-left来说,情况也是如此。

答案 1 :(得分:2)

因此,您要问如何在一行中指定Param1margin-topmargin-leftmargin-bottom

易:

你可以使用例如。 margin-right。这将导致与:

相同
margin: 25px 50px 75px 100px;

同样适用于margin-top: 25px; margin-right: 50px; margin-bottom: 75px; margin-left: 100px; 属性。

查看更多http://devdocs.io/css/marginhttp://devdocs.io/css/padding

答案 2 :(得分:0)

在线有很多值分配选项:

  1. 所有方面的价值相同:$string = 'usernameTest'; echo preg_replace("/(?!^).(?!$)/", "*", $string); // u**********t
  2. 所有方面都需要不同的价值:margin:10px;(顶部,右侧,底部,左侧)
  3. 上下左右需要相同的值:margin:10px 20px 30px 40px(上下,左右)。
  4. 与填充中使用的所有内容相同。