Proprietà CSS padding-block-start

Pagina precedente padding-block-end
Pagina successiva padding-bottom

Recomandazione del corso:

definisce e utilizzo dell'elemento padding-block-start si riferisce allo spazio tra il bordo e il contenuto nella direzione del blocco di partenza.

CSS padding-block e padding-inline attributi sono correlati all'attributo padding-top,padding-bottom,padding-left e padding-right molto simili, ma padding-block e padding-inline L'attributo dipende dalla direzione del blocco e dalla direzione in linea.

Nota:proprietà CSS correlate writing-mode Definisce la direzione del blocco. Questo influisce sulla posizione di inizio e fine del blocco e sugli padding-block Risultato dell'attributo. Per le pagine in inglese, la direzione del blocco è verso il basso, la direzione in linea è da sinistra a destra.

Esempio

Esempio 1

Imposta la margine interna all'inizio della direzione del blocco:

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

Prova da solo

Esempio 2

Imposta il <div> dell'elemento writing-mode Quando l'attributo è impostato a vertical-rl, la direzione del blocco è da destra a sinistra. Di conseguenza, la posizione iniziale dell'elemento si sposta verso destra:

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

Prova da solo

Sintassi CSS

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

Valore dell'attributo

Valore	Descrizione
auto	Predefinito. Valore predefinito di padding-block-start dell'elemento.
length	Specifica padding-block-start in unità come px, pt, cm, ecc. Non sono ammessi valori negativi. Vedi:Unità CSS.
%	Specifica padding-block-start come percentuale della dimensione in direzione orizzontale dell'elemento padre.
initial	Imposta questo attributo al suo valore predefinito. Vedi initial.
inherit	Eredità da elemento padre. Vedi inherit.

Dettagli tecnici

Valore predefinito:	auto
Ereditarietà:	No
Produzione dell'animazione:	Supportato. Vedi:Proprietà correlate all'animazione.
Versione:	CSS3
Sintassi JavaScript:	object.style.paddingBlockStart="100px"