Atributo CSS padding-block-start

Página anterior padding-block-end
Página siguiente padding-bottom

Recomendaciones de cursos:

definición y uso padding-block-start se refiere al espacio desde el borde hasta el contenido en la dirección del bloque de inicio.

CSS padding-block y padding-inline propiedades son equivalentes a las propiedades CSS padding-top,padding-bottom,padding-left y padding-right son muy similares, pero padding-block y padding-inline El atributo depende de la dirección del bloque y la dirección en línea.

Nota:propiedades CSS relacionadas writing-mode Define la dirección del bloque. Esto afecta la posición de inicio y final del bloque y padding-block El resultado del atributo. Para las páginas en inglés, la dirección del bloque es hacia abajo, y la dirección en línea es de izquierda a derecha.

Ejemplo

Ejemplo 1

Establezca el relleno interno en el punto de inicio de la dirección del bloque:

p {
  padding-block-start: 35px;
}

Pruebe usted mismo

Ejemplo 2

Establezca el atributo writing-mode del elemento <div> writing-mode Cuando el valor del atributo se establece en vertical-rl, la dirección del bloque es de derecha a izquierda. El resultado es que la posición de inicio del elemento se mueve a la derecha:

div {
  writing-mode: vertical-rl;
  padding-block-start: 50px;
}

Pruebe usted mismo

Sintaxis de CSS

padding-block-start: auto|value|initial|inherit;

Valor del atributo

Valor	Descripción
auto	Predeterminado. Valor predeterminado de padding-block-start del elemento.
length	Se especifica padding-block-start en unidades como px, pt, cm, etc. No se permiten valores negativos. Consulte:Unidades CSS.
%	Se especifica padding-block-start como un porcentaje del tamaño del elemento en la dirección en línea.
initial	Establezca este atributo en su valor predeterminado. Consulte initial.
inherit	Hereda este atributo del elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado:	auto
Herencia:	No
Producción de animación:	Admite. Consulte:Atributos relacionados con la animación.
Versión:	CSS3
Sintaxis de JavaScript:	object.style.paddingBlockStart="100px"