CSS బొర్డర్-ఇమేజ్-రీపీట్ అట్రిబ్యూట్

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

border-image-repeat అంశం చిత్ర బార్డర్ ని పునరావృతం చేయాలా, స్ట్రేచ్ చేయాలా లేదా పూర్తిగా నింపాలా నిర్దేశిస్తుంది.

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

CSS3 పాఠ్యక్రమం:CSS3 బోర్డర్

ఉదాహరణ

చిత్ర బార్డర్ ని ఎలా పునరావృతం చేయాలి నిర్దేశించండి:

div
{
border-image-source: url(border.png);
border-image-repeat: round;
}

CSS సంకేతాలు

border-image-repeat: stretch|repeat|round;

ప్రతీకృతి:ఈ అంశం బార్డర్ చిత్రాన్ని ఎలా విస్తరించివుంచాలి మరియు ప్రసారం చేయాలి నిర్దేశిస్తుంది. కాబట్టి, మీరు రెండు విలువలను నిర్దేశించవచ్చు. రెండవ విలువను చేయకపోయినట్లయితే, మొదటి విలువను అనుసరించాలి.

అంశం విలువ

విలువ వివరణ
stretch ప్రాంతాన్ని నింపేందుకు చిత్రాన్ని స్ట్రేచ్ చేయండి
repeat ప్రాంతాన్ని నింపేందుకు చిత్రాన్ని పునరావృతం చేయండి (పునరావృతం చేయండి).
round repeat విలువలా అనురూపంగా. పూర్తిగా ప్రసారం చేయలేకపోయినట్లయితే, ప్రాంతాన్ని సరిపోయేందుకు చిత్రాన్ని మెరుగుపరచాలి.

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

అప్రమేయం: stretch
పారంపర్యం: no
వెర్షన్: CSS3
JavaScript సంకేతాలు: object.style.borderImageRepeat="round"

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

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

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

చూడండి border-image అంశం。