CSS3 से यूज़र इंटरफ़ेस एक्सटेंड करना

यूज़र इंटरफ़ेस एक्सटेंड करने के लिए, CSS resize और outline-offset प्रॉपर्टीज़ के साथ आता है। निम्न एक उदाहरण है -

उदाहरण

<!DOCTYPE html> <html> <head> <style> div {    margin: 20px;    border: 1px solid rgb(0, 26, 255);    outline: 4px dashed rgb(90, 2, 86);    outline-offset: 15px; } textarea {    display: inline-block; } </style> </head> <body> <h1>Extending user interface example</h1> <h3>Resize property</h3> <textarea style="resize: none;">Textarea : Not resizable</textarea> <textarea>Textarea - Resizable (By default)</textarea> <h3>Outline property</h3> <div>Some text inside div</div> </body> </html>

आउटपुट

उपरोक्त कोड निम्न आउटपुट उत्पन्न करेगा -