사용자 인터페이스를 확장하기 위해 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>
출력
위의 코드는 다음과 같은 출력을 생성합니다 -