什么是CSS属性的有效值“padding-right-ltr-source”？ [英] What are valid values for CSS Property "padding-right-ltr-source"?

问题描述

我试图解决Firefox中的一个盒子填充问题。当我展开受影响的span元素的padding属性时，我看到有一个名为padding-right-ltr-source的属性值为physical：

 > padding：0px 15px; 
 padding-top：0px; 
 padding-right-value：15px; 
 padding-bottom：0px; 
 padding-left-value：15px; 
 padding-left-ltr-source：physical; 
 padding-left-rtl-source：physical; 
 padding-right-ltr-source：physical; 
 padding-right-rtl-source：physical; 
  

这些属性的其他可能值是什么？

编辑：
我最终使用透明边框而不是填充，因为它在浏览器中具有一致性。

解决方案

这个属性有两个可能的值：物理和逻辑。这也是一个内部属性，你不能直接在样式表中设置。它用于实现像样式表这样的事务的交互，在单个规则中设置 padding-start 和 padding-right ，在方向不同的元素上...前者设置 padding-left-ltr-source：logical 和 padding-right-rtl-source：logical ，而后者设置 padding-right-ltr-source：physical 和 padding-right-rtl-source：physical 。

I am trying to solve a box padding problem in Firefox. When I expanded the "padding" property of the affected span element, I saw there is a property called "padding-right-ltr-source" with value "physical":

>padding: 0px 15px;
    padding-top: 0px;
    padding-right-value: 15px;
    padding-bottom: 0px;
    padding-left-value: 15px;
    padding-left-ltr-source: physical;
    padding-left-rtl-source: physical;
    padding-right-ltr-source: physical;
    padding-right-rtl-source: physical;

What are the other possible values for these properties?

EDIT: I ended up using transparent border instead of padding, since it has consistant behaviour across the browsers.

解决方案

This property has two possible values: "physical" and "logical". It's also an internal property that you can't set directly in a stylesheet. It's used to implement the interactions of things like a stylesheet setting both padding-start and padding-right in a single rule, on elements with different directionalities... The former sets padding-left-ltr-source: logical and padding-right-rtl-source: logical while the latter sets padding-right-ltr-source: physical and padding-right-rtl-source: physical.

这篇关于什么是CSS属性的有效值“padding-right-ltr-source”？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！