आउटलाइन गुण

outline गुण सभी तरफ एक साथ बाहरी रूपरेखा (सीमा जो जगह नहीं लेती) के लिए रंग, प्रकार और मोटाई निर्धारित करता है, लेकिन border के विपरीत ऐसी सीमा तत्व का विस्तार नहीं करती। यह outline-width, outline-style और outline-color के लिए एक संक्षिप्त गुण है (लेकिन outline-offset के लिए नहीं)।

सिंटैक्स

cssसिलेक्टर {
  outline: मोटाई प्रकार रंग;
}

मानों के क्रम का कोई महत्व नहीं है।

उदाहरण . केवल आउटलाइन

html<div id="elem"></div>

css#elem {
  outline: 1px solid black;
  width: 300px;
  height: 100px;
}

Результат:

उदाहरण . आउटलाइन और बॉर्डर गुण एक साथ

outline से सीमा बाहर की तरफ होगी, और border से सीमा अंदर की तरफ:

html<div id="elem"></div>

css#elem {
  outline: 4px solid green;
  border: 4px solid red;
  width: 300px;
  height: 100px;
}

Результат:

यह भी देखें