CSS ప్యాడింగ్‌బ్లాక్‌స్టార్ట్ అట్రిబ్యూట్

定义和用法

元素的 padding-block-start 是指在其块方向起始处,从边框到内容的空间。

CSS padding-block మరియు padding-inline లక్షణాలు CSS లక్షణాలతో సమానంగా ఉంటాయి padding-top,ప్యాడింగ్-బోటమ్,padding-left మరియు padding-right చాలా పోలి ఉంటుంది, కానీ padding-block మరియు padding-inline లక్షణం బ్లాక్ దిశ మరియు ప్రాంతపరమైన దిశ పై ఆధారపడి ఉంటుంది.

ముప్పు చూపండి:ముప్పు చూపండి: writing-mode బ్లాక్ దిశను నిర్వచిస్తుంది. ఇది బ్లాక్ యొక్క ప్రాంతపరమైన ప్రాంతం మరియు ముగింపు ను ప్రభావితం చేస్తుంది మరియు సంబంధిత CSS లక్షణాలను ప్రభావితం చేస్తుంది. padding-block లక్షణపు ఫలితం. ఇంగ్లీష్ పేజీలో, బ్లాక్ దిశ ఉన్నతి వైపు ఉంటుంది, ప్రాంతపరమైన దిశ ఎడమ నుండి కుడివైపు ఉంటుంది.

ఉదాహరణ

ఉదాహరణ 1

బ్లాక్ దిశలో ప్రాంతపరమైన ప్రాంతంలో పెద్దతనం అమర్చండి:

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

నేను ప్రయత్నించాను

ఉదాహరణ 2

డివ్ ఉపాంతం యొక్క writing-mode అనిమేషన్ లక్షణంతో అమర్చబడినప్పుడు బ్లాక్ దిశ కుడి నుండి ఎడమ వరెగా ఉంటుంది. ఫలితంగా ప్రాంతపరమైన బ్లాక్ స్టార్ట్ యొక్క ప్రాంతం పైకి కుడివైపు కదులుతుంది:

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

నేను ప్రయత్నించాను

CSS సంకేతాలు

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

లక్షణపు విలువ

విలువ వివరణ
auto అప్రమేయం. ప్రాంతపరమైన బ్లాక్ స్టార్ట్ యొక్క అప్రమేయ పొడవు విలువ.
length

px, pt, cm మొదలైన విలువలతో padding-block-start ను నిర్ణయించండి. నిషేధించబడిన నిరాకరణలు.

చూడండి:సిఎస్ఎస్ యూనిట్స్.

% ప్రాంతపరమైన పొడవును ప్రాంతపరమైన బ్లాక్ స్టార్ట్ కు ప్రాంతపరమైన పొడవు శాతంగా నిర్ణయించండి.
initial ఈ లక్షణాన్ని అప్రమేయ విలువకు అమర్చండి. చూడండి: initial.
inherit ఈ లక్షణాన్ని తన పేర్పడ్డ ఉపాంతము నుండి పారంపర్యం చేసుకుంటుంది. చూడండి: inherit.

సాంకేతిక వివరాలు

అప్రమేయం: auto
పారంపర్యం: సంకేతము లేదు
అనిమేషన్ తయారీ: మద్దతు ఉంది. చూడండి:అనిమేషన్ సంబంధిత లక్షణాలు.
సంస్కరణ: CSS3
జావాస్క్రిప్ట్ సంకేతాలు: object.style.paddingBlockStart="100px"

బ్రౌజర్ మద్దతు

పట్టికలో ఉన్న సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ సంస్కరణను సూచిస్తాయి。

క్రోమ్ ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఆపెరా
87.0 87.0 41.0 12.1 73.0

相关页面

参考:CSS ప్యాడింగ్‌బ్లాక్ అట్రిబ్యూట్

参考:CSS ప్యాడింగ్‌బ్లాక్‌ఎండ్ అట్రిబ్యూట్

参考:CSS ప్యాడింగ్‌ఇన్లైన్ అట్రిబ్యూట్

参考:CSS ప్యాడింగ్‌బాటమ్ అట్రిబ్యూట్

参考:CSS ప్యాడింగ్‌లెఫ్ట్ అట్రిబ్యూట్

参考:CSS ప్యాడింగ్‌రైట్ అట్రిబ్యూట్

参考:CSS ప్యాడింగ్‌టాప్ అట్రిబ్యూట్

参考:CSS వ్రాయింగ్-మోడ్ అట్రిబ్యూట్