From 1109132f09d75da9a28b649c7677bb6ce07c40c0 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:41:45 -0500 Subject: initial commit --- files/es/web/css/vertical-align/index.html | 161 +++++++++++++++++++++++++++++ 1 file changed, 161 insertions(+) create mode 100644 files/es/web/css/vertical-align/index.html (limited to 'files/es/web/css/vertical-align') diff --git a/files/es/web/css/vertical-align/index.html b/files/es/web/css/vertical-align/index.html new file mode 100644 index 0000000000..f8f35405c7 --- /dev/null +++ b/files/es/web/css/vertical-align/index.html @@ -0,0 +1,161 @@ +--- +title: vertical-align +slug: Web/CSS/vertical-align +translation_of: Web/CSS/vertical-align +--- +
{{ CSSRef() }}
+ +

Resumen

+ +

La propiedad vertical-align de CSS especifica el alineado vertical de un elemento en línea o una celda de una tabla.

+ +

{{cssinfo}}

+ +

Sintaxis

+ +
vertical-align: baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>
+ +

Valores (para elementos en línea)

+ +

La mayoría de los valores de alinean verticalmente el elemento de forma relativa al elemento padre:

+ +
+
baseline
+
Alinea la línea base del elemento con la línea base del padre. La línea base de algunos elementos reemplazados, como  {{HTMLElement("textarea")}} no está especificado en la especificación HTML, que significa que su comportamiento puede cambiar en un navegador u otro.
+
sub
+
Alinea la línea base del elemento con la línea subscript del elemento padre.
+
super
+
 Alinea la línea base del elemento con la línea superscript del elemento padre.
+
text-top
+
Aligns the top of the element with the top of the parent element's font.
+
text-bottom
+
Aligns the bottom of the element with the bottom of the parent element's font.
+
middle
+
Aligns the middle of the element with the middle of lowercase letters in the parent.
+
<length>
+
Aligns the baseline of the element at the given length above the baseline of its parent.
+
<percentage>
+
Like <length> values, with the percentage being a percent of the {{ Cssxref("line-height") }} property. +

For elements that do not have a baseline, the bottom margin edge is used instead.

+ +

However, two values vertically align the element relative to the entire line rather than relative to its parent:

+
+
top
+
Align the top of the element and its descendants with the top of the entire line.
+
bottom
+
Align the bottom of the element and its descendants with the bottom of the entire line.
+
+ +

Negative values are allowed.

+ +

Valores (para celdas de tablas)

+ +
+
baseline (and sub, super, text-top, text-bottom, <length>, and <percentage>)
+
Align the baseline of the cell with the baseline of all other cells in the row that are baseline-aligned.
+
top
+
Align the top padding edge of the cell with the top of the row.
+
middle
+
Center the padding box of the cell within the row.
+
bottom
+
Align the bottom padding edge of the cell with the bottom of the row.
+
+ +

Negative values are allowed.

+ +

Ejemplos

+ +
img {
+	vertical-align: bottom;
+}
+
+ +

Especificaciones

+ + + + + + + + + + + + + + + + + + + + + + + + + + +
SpecificationStatusComment
{{ SpecName('CSS3 Transitions', '#animatable-css', 'vertical-align') }}{{ Spec2('CSS3 Transitions') }}Defines visibility as animatable.
{{ SpecName('CSS2.1', 'visudet.html#propdef-vertical-align', 'vertical-align') }}{{ Spec2('CSS2.1') }}Add the {{cssxref("<length>")}} value and allows it to be applied to element with a {{ cssxref("display") }} type of table-cell.
{{ SpecName('CSS1', '#vertical-align', 'vertical-align') }}{{ Spec2('CSS1') }}Initial definition.
+ +

Compatibilidad de los navegadores

+ +

{{ CompatibilityTable() }}

+ +
+ + + + + + + + + + + + + + + + + + + +
FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
Basic support1.0{{ CompatGeckoDesktop("1.0") }}4.04.01.0 (85)
+
+ +
+ + + + + + + + + + + + + + + + + + + + + +
FeatureAndroidChrome for AndroidFirefox Mobile (Gecko)IE MobileOpera MobileSafari Mobile
Basic support1.01.0{{ CompatGeckoMobile("1.0") }}{{ CompatVersionUnknown() }}{{ CompatVersionUnknown() }}1.0
+
+ +

Ver también

+ + -- cgit v1.2.3-54-g00ecf