-
Notifications
You must be signed in to change notification settings - Fork 8k
/
index.md
79 lines (53 loc) · 2.06 KB
/
index.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
---
title: padding-block-end
slug: Web/CSS/padding-block-end
---
{{CSSRef}}{{SeeCompatTable}}
La propiedad de [CSS](/es/docs/Web/CSS) **`padding-block-end`** define el relleno de final de bloque lógico de un elemento, que se asigna a un relleno físico en función del modo de escritura, la direccionalidad y la orientación del texto del elemento. Corresponde a las propiedades {{cssxref("padding-top")}}, {{cssxref("padding-right")}}, {{cssxref("padding-bottom")}}, o {{cssxref("padding-left")}} dependiendo de los valores definidos por {{cssxref("writing-mode")}}, {{cssxref("direction")}}, y {{cssxref("text-orientation")}}.
Esto se relaciona con {{cssxref("padding-block-start")}}, {{cssxref("padding-inline-start")}}, y {{cssxref("padding-inline-end")}}, que define los otros rellenos del elemento.
{{EmbedInteractiveExample("pages/css/padding-block-end.html")}}
## Sintaxis
```css
/* <length> values */
padding-block-end: 10px; /* An absolute length */
padding-block-end: 1em; /* A length relative to the text size */
/* <percentage> value */
padding-block-end: 5%; /* A padding relative to the block container's width */
/* Global values */
padding-block-end: inherit;
padding-block-end: initial;
padding-block-end: unset;
```
{{cssinfo}}
### Valores
La propiedad `padding-block-end` toma los mismos valores de la propiedad {{cssxref("padding-left")}}.
### Sintaxis formal
{{csssyntax}}
## Ejemplo
### Contenido HTML
```html
<div>
<p class="exampleText">Example text</p>
</div>
```
### Contenido CSS
```css
div {
background-color: yellow;
width: 120px;
height: 120px;
}
.exampleText {
writing-mode: vertical-lr;
padding-block-end: 20px;
background-color: #c8c800;
}
```
{{EmbedLiveSample("Ejemplo", 140, 140)}}
## Especificaciones
{{Specifications}}
## Compatibilidad con navegadores
{{Compat}}
## Mira también
- Las propiedades físicas mapeadas: {{cssxref("padding-top")}}, {{cssxref("padding-right")}}, {{cssxref("padding-bottom")}}, y {{cssxref("padding-left")}}
- {{cssxref("writing-mode")}}, {{cssxref("direction")}}, {{cssxref("text-orientation")}}