CSS బొర్డర్ఇమేజ్సోర్స్ అట్రిబ్యూట్
- ముందు పేజీ border-image-slice
- తదుపరి పేజీ border-image-width
నిర్వచనం మరియు ఉపయోగం
border-image-source అంశం ఉపయోగించిన చిత్రాన్ని నిర్దేశిస్తుంది మరియు border-style అంశంలో నిర్దేశించిన కాంతి శైలులను పునఃస్థాపిస్తుంది.
సలహా:విలువ "none" ఉంటే లేదా చిత్రం చూపించలేకపోయినప్పుడు, కాంతి శైలిని ఉపయోగించండి.
మరియు చూడండి:
CSS3 పాఠ్యక్రమం:CSS3 బార్డర్
ఉదాహరణ
డివ్ మెటీరియల్ని చుట్టూ ఒక చిత్రాన్ని ఉపయోగించడానికి ఉపయోగించండి:
div
{
border-image-source: url(border.png);
}
CSS సంకేతం
border-image-source: none|image;
అంశం విలువ
| విలువ | వివరణ |
|---|---|
| none | చిత్రాన్ని వాడకూడని. |
| image | కాంతి వరంగా వస్త్రం ఉపయోగించే చిత్రం మార్గం. |
సాంకేతిక వివరాలు
| అప్రమేయం: | none |
|---|---|
| పారంతర్యం: | no |
| వెర్షన్: | CSS3 |
| JavaScript సంకేతం: | object.style.borderImageSource="url(border.png)" |
బ్రౌజర్ మద్దతు
పట్టికలో ఉన్న సంఖ్యలు ఈ అంశాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ని నిర్దేశిస్తాయి。
| క్రోమ్ | IE / ఎడ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
|---|---|---|---|---|
| 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
చూడండి border-image అంశం。
- ముందు పేజీ border-image-slice
- తదుపరి పేజీ border-image-width
