CSS shape-outside गुण

वर्णन और उपयोग

shape-outside गुण आपको इनलाइन सामग्री के घेरा आकार को परिभाषित करने की अनुमति देता है। डिफॉल्ट रूप से इनलाइन सामग्री उसके बाहरी मार्गिन-बॉक्स के चारों ओर घेरा होता है, और shape-outsideके माध्यम से आप इस घेरा को कस्टम कर सकते हैं।

shape-outside गुण पटल एलेमेंट के फ्लोटिंग क्षेत्र को परिभाषित करता है। यह फ्लोटिंग क्षेत्र पटल एलेमेंट के चारों ओर इनलाइन सामग्री को घेरता है。

उदाहरण

इमेज के चारों ओर इनलाइन सामग्री को गोलाकार घेरा दें:

img {
  float: left;
  clip-path: circle(40%);
  shape-outside: circle(45%);
}

स्वयं को प्रयास करें

CSS ग्रामर

shape-outside: none|margin-box|border-box|padding-box|content-box|basic-shape|url(image)|initial|inherit;

गुण मान

तकनीकी विवरण

ब्राउज़र समर्थन

तालिका में वाले नंबर इस गुण के पहले पूरी तरह से समर्थन करने वाले ब्राउज़र का संस्करण को प्रदर्शित करते हैं。