User Interface in CSS ka use karke hum control karte hain ki user web elements ke saath kaise interact kare. Isme mainly resizing aur outline spacing jaise features aate hain jo UI ko more interactive aur clean banate hain.
User Interface in CSS Properties
User Interface in CSS me mainly do important properties hoti hain:
resize→ element ko user resize kar sakta hai ya nahioutline-offset→ outline aur element ke beech gap
CSS Resize
resize property define karti hai ki user kisi element ka size change kar sakta hai ya nahi.
Values:
horizontal→ sirf width resize hogivertical→ sirf height resize hogiboth→ width aur height dono resize honginone→ resize disable
CSS Resize – Only Width
User sirf element ki width change kar sakta hai.
Example:
CSS Resize – Only Height
User sirf element ki height change kar sakta hai.
Example:
CSS Resize – Width and Height
User dono direction me resize kar sakta hai.
Example:
Disable Resize in Textarea
By default <textarea> resizable hota hai. Isko disable karne ke liye:
Example:
CSS Outline Offset
outline-offset property outline aur element ke border ke beech space create karti hai. Yeh space transparent hota hai.
Important point:
- Outline border ke bahar draw hoti hai
- Yeh element ke size ko affect nahi karti
- Kabhi-kabhi dusre content ke upar overlap bhi ho sakti hai
CSS Outline Offset Example
Example:
User Interface in CSS user interaction ko improve karta hai. resize se element ka size control hota hai aur outline-offset se spacing better hoti hai. Inka use karke UI clean aur user-friendly banaya ja sakta hai.
