CSS padding-block అట్రిబ్యూట్

నిర్వచనం మరియు వినియోగం

కాంటెంట్ పై అంతరం padding-block ఇది వినియోగదారు సమాచారం నుండి కాంటెంట్ వర్గం లో కొన్ని అంతరాలను నిర్వహిస్తుంది మరియు ఇది క్రింది అనునంది లకు లఘువు కాగలదు:

padding-block 属性的值可以通过不同的方式设置:

如果 padding-block 属性有两个值:

padding-block: 10px 50px;
  • 起始处的内边距为 10px
  • 结束处的内边距为 50px

如果 padding-block 属性有一个值:

padding-block: 10px;
  • 起始处和结束处的内边距均为 10px

CSS padding-block మరియు మరియు CSS లక్షణాలు సిఎస్ఎస్ లక్షణాలతో సమానంగా ఉన్నాయి, కానీpadding-bottompadding-toppadding-bottom, మరియు padding-left padding-right padding-block మరియు మరియు padding-inline

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

ఉదాహరణ

ఉదాహరణ 1

బ్లాక్ దిశలో ప్రాంతాలకు పెద్దిపెడ్ది ప్యాడింగ్ నిర్వచించండి:

p {
  padding-block: 35px;
}

స్వయంగా ప్రయత్నించండి

ఉదాహరణ 2

కింది <div> ఎలమెంట్ యొక్క writing-mode అత్యంత విలువ నిర్వచించబడినప్పుడు, ఎలమెంట్ యొక్క ప్రారంభ స్థానం పైభాగానికి నుండి కుడికి కదులుతుంది, ముగింపు స్థానం క్రిందభాగానికి నుండి ఎడమకు కదులుతుంది:

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

స్వయంగా ప్రయత్నించండి

సిఎస్ఎస్ సంకేతాలు

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

లక్షణ విలువ

విలువ వివరణ
auto అప్రమేయం. ఎలమెంట్ యొక్క అప్రమేయ ప్యాడింగ్-బ్లాక్ విలువ.
length

px, pt, cm వంటి ఏకాంశాలతో ప్యాడింగ్-బ్లాక్ నిర్వచించండి. నకిలీ విలువలు అనుమతించబడవు.

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

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

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

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

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

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

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

相关页面

参考:CSS padding-block-end అట్రిబ్యూట్

参考:CSS padding-block-start అట్రిబ్యూట్

参考:CSS padding-inline అట్రిబ్యూట్

参考:CSS padding-bottom అట్రిబ్యూట్

参考:CSS padding-left అట్రిబ్యూట్

参考:CSS padding-right అట్రిబ్యూట్

参考:CSS padding-top అట్రిబ్యూట్

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