--- title: border-inline-end-color slug: Web/CSS/border-inline-end-color translation_of: Web/CSS/border-inline-end-color ---
La propiedad de CSS border-inline-end-color
CSS property defines the color of the logical inline-end border of an element, que se asigna al estilo de borde físico dependiendo del modo de escritura, la direccionalidad y la orientación del texto del elemento. Esto corresponde a las propiedades {{cssxref("border-top-color")}} y {{cssxref("border-bottom-color")}}, o {{cssxref("border-left-color")}}, y {{cssxref("border-right-color")}} dependiendo de los valores definidos por {{cssxref("writing-mode")}}, {{cssxref("direction")}}, y {{cssxref("text-orientation")}}.
border-inline-end-color: rebeccapurple; border-inline-end-color: #663399;
Propiedades relacionadas son {{cssxref("border-block-start-color")}}, {{cssxref("border-block-end-color")}}, y {{cssxref("border-inline-start-color")}}, que definen los otros colores del borde del elemento.
{{cssinfo}}
<'color'>
<div> <p class="exampleText">Example text</p> </div>
div { background-color: yellow; width: 120px; height: 120px; } .exampleText { writing-mode: vertical-lr; border: 10px solid blue; border-inline-end-color: red; }
{{EmbedLiveSample("Ejemplo", 140, 140)}}
Especificación | Estado | Comentario |
---|---|---|
{{SpecName("CSS Logical Properties", "#propdef-border-inline-end-color", "border-inline-end-color")}} | {{Spec2("CSS Logical Properties")}} | Definición inicial. |
{{Compat("css.properties.border-inline-end-color")}}