Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

ขยายส่วนต่อประสานผู้ใช้ด้วย CSS3


ในการขยายส่วนต่อประสานผู้ใช้ CSS มาพร้อมกับคุณสมบัติการปรับขนาดและการชดเชยโครงร่าง ต่อไปนี้เป็นตัวอย่าง -

ตัวอย่าง

<!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>

ผลลัพธ์

รหัสข้างต้นจะสร้างผลลัพธ์ต่อไปนี้ -

ขยายส่วนต่อประสานผู้ใช้ด้วย CSS3