CSS బొర్డర్-ఇమేజ్-ఆఉట్సెట్ అట్రిబ్యూట్

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

border-image-outset అంశం బోర్డర్ చిత్రాన్ని బోర్డర్ బాక్స్ పైన లేదా తక్కువగా విస్తరించే పరిమాణాన్ని నిర్ణయిస్తుంది。

మరింత చూడండి:

CSS3 శిక్షణా కోర్సు:CSS3 బోర్డర్

ఉదాహరణ

border-image-outset అంశాన్ని అమర్చుట:

div
{
border-image-source: url(border.png);
border-image-outset: 30 30;
}

CSS సంకేతం

border-image-outset: length|number;

పేర్కొనుట:border-image-outset అంశం బోర్డర్ చిత్రాన్ని బోర్డర్ బాక్స్ పైన లేదా తక్కువగా విస్తరించే పరిమాణాన్ని నిర్ణయిస్తుంది. పై, కుడి, కింద, ఎడమ వైపులో. నాలుగవ విలువను విస్మరించినట్లయితే రెండవ విలువతో అదే ఉంటుంది. మూడవ విలువను విస్మరించినట్లయితే మొదటి విలువతో అదే ఉంటుంది. రెండవ విలువను విస్మరించినట్లయితే మొదటి విలువతో అదే ఉంటుంది. border-image-outset విలువలో నిరాకరించదగిన ఏ ప్రతికూల విలువలు లేవు.

అంశపు విలువ

విలువ వివరణ
length
number బోర్డర్ వెయిద్ధం యొక్క గుణకంగా ప్రతినిధీకరిస్తుంది。

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

అప్రమేయ విలువ: 0
పారంపర్యం: no
వెర్షన్: CSS3
JavaScript సంకేతంపై: object.style.borderImageOutset="30 30"

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

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

క్రోమ్ IE / ఎడ్జ్ ఫైర్ఫాక్స్ సఫారీ ఓపెరా
15.0 11.0 15.0 6.0 15.0

మార్గదర్శకం చేసుకోండి border-image అంశం。