Hello World!

หลังจากการตั้งค่ารูปแบบ:

Hello World!

ลองตัวเอง»

เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง

ความหมายและการใช้งาน

โรงแรมสไตล์ส่งกลับวัตถุ CSSStyleDeclaration ซึ่งหมายถึงแอตทริบิวต์สไตล์เป็นองค์ประกอบของ

โรงแรมสไตล์ที่ใช้ในการรับหรือการตั้งค่ารูปแบบที่เฉพาะเจาะจงขององค์ประกอบโดยใช้ CSS คุณสมบัติที่แตกต่างกัน

หมายเหตุ: มันเป็นไปไม่ได้ที่จะตั้งค่ารูปแบบโดยการกำหนดสายไปยังสถานที่ให้บริการรูปแบบเช่นองค์ประกอบ .style = "color: red;" . ในการตั้งค่ารูปแบบขององค์ประกอบที่ผนวก "CSS" คุณสมบัติการรูปแบบและระบุค่าเช่นนี้

element .style.backgroundColor = "red"; // set the background color of an element to red Try it

ในขณะที่คุณสามารถดูไวยากรณ์ JavaScript สำหรับการตั้งค่าคุณสมบัติ CSS แตกต่างกันเล็กน้อยกว่า CSS (backgroundColor instead of background-color)

สำหรับรายชื่อของคุณสมบัติที่มีอยู่ทั้งหมดให้ดูของเรา อ้างอิงวัตถุสไตล์

หมายเหตุ: โรงแรมสไตล์เพียงผลตอบแทนที่ประกาศ CSS ที่กำหนดในแอตทริบิวต์สไตล์แบบอินไลน์องค์ประกอบเช่น
<p style = "สี: สีแดง;"> มันเป็นไปไม่ได้ที่จะใช้คุณสมบัตินี้จะได้รับข้อมูลเกี่ยวกับกฎสไตล์จาก <head> ส่วนในเอกสารหรือแผ่นลักษณะภายนอก

อย่างไรก็ตามคุณสามารถเข้าถึง <style> องค์ประกอบจาก <head> โดยใช้เอกสาร getElementsByTagName() :

var x = document.getElementsByTagName("STYLE")[0]; // get the first <style> element Try it

หมายเหตุ: ขอแนะนำให้ใช้ทรัพย์สินสไตล์แทนของ element setAttribute("style", "...") วิธีเพราะคุณสมบัติสไตล์จะไม่เขียนทับ CSS คุณสมบัติอื่น ๆ ที่อาจจะระบุไว้ใน style แอตทริบิวต์

สนับสนุนเบราว์เซอร์

คุณสมบัติ
style	ใช่	ใช่	ใช่	ใช่	ใช่

วากยสัมพันธ์

กลับคุณสมบัติของสไตล์:

element .style. property

การตั้งค่าคุณสมบัติรูปแบบ:

element .style. property = value

ค่าทรัพย์สิน

ความคุ้มค่า	ลักษณะ
value	ระบุมูลค่าของทรัพย์สินที่ระบุ ตัวอย่างเช่นสำหรับ borderBottom ทรัพย์สิน: องค์ประกอบ .style.borderBottom = "สีแดงทึบ 2px";

รายละเอียดทางเทคนิค

กลับค่า:	วัตถุ CSSStyleDeclaration คิดเป็นแอตทริบิวต์สไตล์เป็นองค์ประกอบของ
DOM รุ่น	Dom ระดับ 2 CSS