CSS padding-block అట్రిబ్యూట్
- 上一页 padding
- 下一页 padding-block-end
నిర్వచనం మరియు వినియోగం
కాంటెంట్ పై అంతరం padding-block
ఇది వినియోగదారు సమాచారం నుండి కాంటెంట్ వర్గం లో కొన్ని అంతరాలను నిర్వహిస్తుంది మరియు ఇది క్రింది అనునంది లకు లఘువు కాగలదు:
padding-block
属性的值可以通过不同的方式设置:
如果 padding-block 属性有两个值:
padding-block: 10px 50px;
- 起始处的内边距为 10px
- 结束处的内边距为 50px
如果 padding-block 属性有一个值:
padding-block: 10px;
- 起始处和结束处的内边距均为 10px
CSS padding-block
మరియు మరియు
CSS లక్షణాలు సిఎస్ఎస్ లక్షణాలతో సమానంగా ఉన్నాయి, కానీ
padding-bottompadding-top
padding-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 అట్రిబ్యూట్
- 上一页 padding
- 下一页 padding-block-end