ความกว้างและความสูงขององค์ประกอบใน CSS

คุณสมบัติ CSS height and width ใช้เพื่อระบุความสูงและความกว้างขององค์ประกอบตามลำดับ เรายังกำหนดค่าสูงสุดและต่ำสุดสำหรับคุณสมบัติเหล่านี้ได้โดยใช้คุณสมบัติ max-height, max-width, min-height และ min-width

ไวยากรณ์

ไวยากรณ์ของคุณสมบัติความสูง CSS และความกว้าง CSS มีดังต่อไปนี้ -

ตัวเลือก { ความสูง:/*value*/ width:/*value*/}

ความกว้างและความสูงที่แท้จริงขององค์ประกอบคำนวณได้ดังนี้ −

ขนาดกล่อง	การคำนวณ
ความกว้างรวม	ความกว้าง + ช่องว่างภายใน-ซ้าย + ช่องว่างภายใน-ขวา + ขอบซ้าย + ขอบขวา + ระยะขอบซ้าย + ระยะขอบขวา
ส่วนสูงทั้งหมด	ความสูง + padding-top + padding-bottom + border-top + border-bottom + ระยะขอบด้านบน + ระยะขอบด้านล่าง

ตัวอย่าง

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

Somebody

ที่ฉัน

ใช้

เพื่อทราบ

ผลลัพธ์

สิ่งนี้ให้ผลลัพธ์ต่อไปนี้ -

ความกว้างและความสูงขององค์ประกอบใน CSS

ตัวอย่าง

Java 8 Features
นิพจน์แลมบ์ดาเพิ่มความสามารถในการประมวลผลการทำงานให้กับ Java การอ้างอิงฟังก์ชันด้วยชื่อแทนที่จะเรียกใช้โดยตรงอินเทอร์เฟซ มีการเพิ่มเครื่องมือคอมไพเลอร์และยูทิลิตี้ใหม่ เช่น 'jdeps' เพื่อค้นหาการพึ่งพา สตรีม API ใหม่เพื่ออำนวยความสะดวกในการประมวลผลไปป์ไลน์ ปรับปรุงวันที่ เวลา API เน้นแนวปฏิบัติที่ดีที่สุดในการจัดการค่า null อย่างเหมาะสม Nashorn, Java- เอ็นจิ้นที่ใช้เพื่อรันโค้ด JavaScript

ผลลัพธ์

สิ่งนี้ให้ผลลัพธ์ต่อไปนี้ -

ความกว้างและความสูงขององค์ประกอบใน CSS