คุณสมบัติการจัดแนวข้อความสามารถใช้ค่าใดได้บ้าง การจัดตำแหน่งข้อความ HTML ตามกึ่งกลาง ความกว้าง และการเยื้อง ชวเลขสำหรับการจัดตำแหน่งข้อความ: คุณสมบัติการจัดข้อความ

โมดูล ข้อความซีเอสเอสอธิบายฟังก์ชัน CSS ที่ควบคุมการแปลข้อความต้นฉบับเป็นข้อความที่จัดรูปแบบและการตัดบรรทัด คุณสมบัติ CSS ต่างๆ ให้การควบคุมการแปลงเคส การจัดการช่องว่าง กฎการตัดข้อความและบรรทัด การจัดตำแหน่ง ระยะห่าง และการเยื้อง

หน่วยพื้นฐานของข้อความคือสัญลักษณ์ อย่างไรก็ตาม เนื่องจากระบบการเขียนไม่ได้ง่ายเหมือนตัวอักษรภาษาอังกฤษพื้นฐานเสมอไป ความหมายของสัญลักษณ์จริงๆ จะขึ้นอยู่กับบริบทที่ใช้คำนั้น ตัวอย่างเช่น ในระบบการเขียนภาษาเกาหลี แต่ละพยางค์สี่เหลี่ยมแต่ละพยางค์ (เช่น ฮัน = ฮั่น) สามารถถือเป็นอักขระได้ อย่างไรก็ตาม สัญลักษณ์สี่เหลี่ยมประกอบด้วยตัวอักษรหลายตัว ซึ่งแต่ละตัวแทนหน่วยเสียง (เช่น ㅎ = h, ㅏ = a, ㄴ = n) และแต่ละตัวก็ถือได้ว่าเป็นสัญลักษณ์เช่นกัน

1. การแปลงข้อความ: คุณสมบัติการแปลงข้อความ

ข้อความลักษณะคุณสมบัติการแปลงข้อความ ไม่ส่งผลกระทบต่อเนื้อหาที่ซ่อนอยู่ และไม่ควรส่งผลกระทบต่อเนื้อหาของการดำเนินการคัดลอกและวางข้อความธรรมดา

ทรัพย์สินเป็นมรดก

ไวยากรณ์

การแปลงข้อความ: ไม่มี; การแปลงข้อความ: พิมพ์ใหญ่; การแปลงข้อความ: ตัวพิมพ์ใหญ่; การแปลงข้อความ: ตัวพิมพ์เล็ก; การแปลงข้อความ: สืบทอด; การแปลงข้อความ: เริ่มต้น;

2. การจัดการช่องว่างและการขึ้นบรรทัดใหม่: คุณสมบัติช่องว่าง

คุณสมบัติช่องว่างจัดการช่องว่างระหว่างคำและการแบ่งบรรทัดภายในองค์ประกอบ

ทรัพย์สินเป็นมรดก

พื้นที่สีขาว
ค่า:
ปกติ	ค่าเริ่มต้น เว้นวรรคระหว่างคำเพียงช่องเดียวเท่านั้น ข้อความจะถูกตัดเมื่อจำเป็นเท่านั้น
ตอนนี้แรป	ห้ามขึ้นบรรทัดใหม่ยกเว้นเมื่อใช้ .
ก่อน	ช่องว่างในข้อความจะไม่ถูกละเว้น เบราว์เซอร์จะแสดงช่องว่างและการขึ้นบรรทัดใหม่
ก่อนห่อ	คงช่องว่างในข้อความโดยการเพิ่มตัวแบ่งบรรทัดตามที่จำเป็น
พรีไลน์	ลบช่องว่างเพิ่มเติมเว้นแต่ .
แบ่งช่องว่าง	ลักษณะการทำงานจะเหมือนกับ pre-wrap ยกเว้นว่า: ลำดับใดๆ ของช่องว่างที่ไม่สามารถถอดออกได้จะใช้พื้นที่เสมอ รวมถึงที่ท้ายบรรทัดด้วย มีความเป็นไปได้ที่จะมีตัวขึ้นบรรทัดใหม่หลังจากแต่ละช่องว่างที่ไม่สามารถถอดออกได้ รวมถึงระหว่างช่องว่างด้วย
อักษรย่อ
สืบทอด

ไวยากรณ์

พื้นที่สีขาว: ปกติ; พื้นที่สีขาว: nowrap; พื้นที่สีขาว: ก่อน; พื้นที่สีขาว: ก่อนห่อ; white-space: พรีไลน์; พื้นที่สีขาว: ช่องว่าง; พื้นที่สีขาว: สืบทอด; ช่องว่างสีขาว: เริ่มต้น;

3. การตั้งค่าแท็บ: คุณสมบัติขนาดแท็บ

คุณสมบัติขนาดแท็บใช้เพื่อเปลี่ยนจำนวนการเยื้องที่สร้างโดยคีย์ TAB ค่าคุณสมบัติจะถูกละเว้นเมื่อคุณสมบัติช่องว่างถูกตั้งค่าเป็นหนึ่งในสามค่า pre-line , ปกติ หรือ nowrap

ใช้ได้กับองค์ประกอบเท่านั้น และ <pre>สำหรับองค์ประกอบบล็อกอื่นๆ ค่าจะเท่ากับหนึ่งเสมอ ค่าคุณสมบัติที่ระบุเป็นหน่วยความยาวรองรับใน Chrome 42+ เท่านั้น</p> <p>ทรัพย์สินเป็นมรดก</p> <p><b>ไวยากรณ์</b></p><p>ขนาดแท็บ: 0; ขนาดแท็บ: 10px; ขนาดแท็บ: สืบทอด; ขนาดแท็บ: เริ่มต้น;</p><h3>4. การแบ่งบรรทัดและขอบเขตคำ</h3> <p>เมื่อเนื้อหาระดับบรรทัดถูกแบ่งออกเป็นบรรทัด จะแบ่งออกเป็นบล็อกเชิงเส้น ตัวแบ่งนี้เรียกว่าตัวแบ่งบรรทัด</p> <p>เมื่อบรรทัดขาดเนื่องจากการควบคุมการขึ้นบรรทัดใหม่อย่างชัดเจน เช่น การขึ้นบรรทัดใหม่หรือแท็ก <br>จุดเริ่มต้นหรือจุดสิ้นสุดของบล็อกเป็นการบังคับแบ่งบรรทัด</p> <p>หากการขึ้นบรรทัดใหม่เนื่องจากการตัดเนื้อหา โดยที่เบราว์เซอร์สร้างการขึ้นบรรทัดใหม่โดยไม่จำเป็นเพื่อให้พอดีกับเนื้อหา จะเป็นการตัดข้อความแบบนุ่มนวล</p> <h4>4.1. ทำลายกฎสำหรับตัวอักษร: คุณสมบัติตัวแบ่งคำ</h4> <p>คุณสมบัติตัวแบ่งคำจะกำหนดความเป็นไปได้ของการใส่ยัติภังค์แบบอ่อนระหว่างตัวอักษร เช่น เมื่อใดจึงจะสามารถแบ่งบรรทัดข้อความได้? โดยเฉพาะอย่างยิ่ง จะควบคุมว่ามีเครื่องหมายยัติภังค์แบบอ่อนอยู่ระหว่างหน่วยตัวอักษรและ/หรือตัวเลขที่อยู่ติดกัน สิ่งนี้ไม่ส่งผลกระทบต่อกฎที่ควบคุมโอกาสในการโอนแบบนุ่มนวลที่สร้างโดยช่องว่าง</p> <p>ทรัพย์สินเป็นมรดก</p> <p><b>ไวยากรณ์</b></p><p>การแบ่งคำ: ปกติ; แบ่งคำ: ทำลายทั้งหมด; แบ่งคำ: เก็บทั้งหมด; แบ่งคำ: สืบทอด; การแบ่งคำ: เริ่มต้น;</p><h4>4.2. ตัวแบ่งบรรทัด: ตัวแบ่งบรรทัด</h4> <p>คุณสมบัติตัวแบ่งบรรทัดกำหนดกฎการแบ่งบรรทัดที่ใช้ภายในองค์ประกอบ โดยเฉพาะวิธีที่การแบ่งบรรทัดโต้ตอบกับเครื่องหมายวรรคตอนและสัญลักษณ์</p> <p>ทรัพย์สินเป็นมรดก</p> <table class="t1"><tr><th colspan="2">เส้นแบ่ง</th> </tr><tr><td>ค่า:</td> <td> </td> </tr><tr><td>อัตโนมัติ</td> <td>เบราว์เซอร์จะกำหนดชุดข้อจำกัดในการขึ้นบรรทัดที่จะใช้ ซึ่งอาจแตกต่างกันไปขึ้นอยู่กับความยาวของบรรทัด เช่น ใช้ชุดกฎการขึ้นบรรทัดที่มีข้อจำกัดน้อยกว่าสำหรับบรรทัดสั้น ค่าเริ่มต้น</td> </tr><tr><td>หลวม</td> <td>แบ่งข้อความโดยใช้ชุดกฎการแบ่งบรรทัดที่มีข้อจำกัดน้อยที่สุด โดยทั่วไปใช้สำหรับบรรทัดสั้นๆ เช่น ในหนังสือพิมพ์</td> </tr><tr><td>ปกติ</td> <td>แบ่งข้อความโดยใช้ชุดกฎการแบ่งบรรทัดที่ใช้บ่อยที่สุด</td> </tr><tr><td>เข้มงวด</td> <td>แบ่งข้อความโดยใช้ชุดกฎการแบ่งบรรทัดที่เข้มงวด</td> </tr><tr><td>อักษรย่อ</td> <td>ตั้งค่าคุณสมบัติให้เป็นค่าเริ่มต้น</td> </tr><tr><td>สืบทอด</td> <td>สืบทอดค่าคุณสมบัติจากองค์ประกอบหลัก</td> </tr></table><p><b>ไวยากรณ์</b></p><p>ตัวแบ่งบรรทัด: อัตโนมัติ; เส้นแบ่ง: หลวม; ตัวแบ่งบรรทัด: ปกติ; ตัวแบ่งบรรทัด: เข้มงวด; ตัวแบ่งบรรทัด: สืบทอด; ตัวแบ่งบรรทัด: เริ่มต้น;</p><h4>4.3. ยัติภังค์: คุณสมบัติยัติภังค์</h4> <p>คุณสมบัติยัติภังค์จะกำหนดว่ายัติภังค์ได้รับอนุญาตให้สร้างความสามารถในการใส่ยัติภังค์แบบนุ่มนวลภายในบรรทัดข้อความหรือไม่</p> <p>การใส่ยัติภังค์คือการแบ่งคำที่มีการควบคุม ซึ่งโดยปกติแล้วจะไม่ได้รับอนุญาตให้แบ่งคำเพื่อปรับปรุงความลื่นไหลของย่อหน้า โดยปกติแล้ว คำต่างๆ จะถูกแบ่งตามขอบเขตของพยางค์หรือสัณฐานวิทยา และจะมีการแสดงการแยกด้วยภาพ (โดยปกติโดยการใส่ยัติภังค์ ‐) ในบางกรณี การใส่ยัติภังค์สามารถเปลี่ยนการสะกดคำได้เช่นกัน ไม่ว่าในกรณีใด การตัดคำเป็นเพียงเอฟเฟ็กต์การแสดงผลเท่านั้น โดยไม่ควรส่งผลต่อเนื้อหาของเอกสาร รวมถึงการเลือกข้อความหรือการค้นหา</p> <p>CSS Text Level 3 ไม่ได้กำหนดกฎการใส่ยัติภังค์ของคำอย่างชัดเจน ดังนั้นจึงแนะนำให้เลือกจุดใส่ยัติภังค์ที่เหมาะสมสำหรับภาษา</p> <p>ทรัพย์สินเป็นมรดก</p> <table class="t1"><tr><th colspan="2">ยัติภังค์</th> </tr><tr><td>ค่า:</td> <td> </td> </tr><tr><td>ไม่มี</td> <td>คำต่างๆ จะไม่ใส่ยัติภังค์ แม้ว่าอักขระภายในคำนั้นจะกำหนดความสามารถในการใส่ยัติภังค์อย่างชัดเจนก็ตาม</td> </tr><tr><td>คู่มือ</td> <td>คำจะถูกใส่ยัติภังค์เฉพาะในสถานที่ที่มีสัญลักษณ์ภายในคำที่ระบุอย่างชัดเจนถึงความเป็นไปได้ของการใส่ยติภังค์คำ (อักขระพิเศษ -) ค่าเริ่มต้น</td> </tr><tr><td>อัตโนมัติ</td> <td>คำต่างๆ สามารถแบ่งออกเป็นความเป็นไปได้ในการใส่ยัติภังค์ซึ่งกำหนดโดยอัตโนมัติโดยแหล่งข้อมูลการใส่ยัติภังค์ที่เหมาะสมกับภาษา นอกเหนือจากที่ระบุไว้อย่างชัดเจนโดยยัติภังค์แบบมีเงื่อนไข คุณต้องตั้งค่าภาษาของเนื้อหาของคุณ (เช่น การใช้แอตทริบิวต์ HTML lang หรือส่วนหัว HTTP Content-Language) เพื่อให้มีการตัดคำอัตโนมัติที่เหมาะสม</td> </tr><tr><td>อักษรย่อ</td> <td>ตั้งค่าคุณสมบัติให้เป็นค่าเริ่มต้น</td> </tr><tr><td>สืบทอด</td> <td>สืบทอดค่าคุณสมบัติจากองค์ประกอบหลัก</td> </tr></table><p><b>ไวยากรณ์</b></p> <p>ยัติภังค์: ไม่มี; ยัติภังค์: คู่มือ; ยัติภังค์: อัตโนมัติ; ยัติภังค์: สืบทอด; ยัติภังค์: เริ่มต้น;</p><h4>4.4. Wrapper block overflow: คุณสมบัติ overflow-wrap/word-wrap</h4> <p>คุณสมบัติ overflow-wrap (หรือชื่อ word-wrap ที่เลิกใช้แล้ว) ระบุว่าบรรทัดที่ไม่ขาดสามารถแบ่งที่จุดที่ยังไม่ได้รับการแก้ไขเพื่อป้องกันไม่ให้บล็อกบรรทัดล้น ใช้งานได้เมื่อคุณสมบัติ white-space อนุญาตให้มีการตัดคำ</p> <p>ทรัพย์สินเป็นมรดก</p> <table class="t1"><tr><th colspan="2">ล้นห่อ, ห่อคำ</th> </tr><tr><td>ค่า:</td> <td> </td> </tr><tr><td>ปกติ</td> <td>เส้นไม่ขาดสามารถตัดได้เฉพาะจุดพักที่ได้รับอนุญาตเท่านั้น ค่าเริ่มต้น</td> </tr><tr><td>แบ่งคำ</td> <td> </td> </tr><tr><td>ทุกที่</td> <td>ลำดับอักขระที่ไม่ขาดตอนสามารถแตกหักได้ที่จุดใดก็ได้ หากไม่มีจุดพักอื่นที่ยอมรับได้ในบรรทัด มีผลเฉพาะการแสดงภาพ โดยไม่กระทบต่อข้อความต้นฉบับ ไม่มีการเพิ่มยัติภังค์ที่จุดแบ่งบรรทัด ความสามารถในการห่อแบบนุ่มนวลที่มีอยู่ทุกที่จะถูกนำมาพิจารณาเมื่อคำนวณขนาดเนื้อหาขั้นต่ำดั้งเดิม</td> </tr><tr><td>อักษรย่อ</td> <td>ตั้งค่าคุณสมบัติให้เป็นค่าเริ่มต้น</td> </tr><tr><td>สืบทอด</td> <td>สืบทอดค่าคุณสมบัติจากองค์ประกอบหลัก</td> </tr></table><p><b>ไวยากรณ์</b></p><p>ล้น-ห่อ: ปกติ; ล้นห่อ: แบ่งคำ; ล้นห่อ: ที่ใดก็ได้; ล้นห่อ: สืบทอด; ล้นห่อ: เริ่มต้น;</p><h3>5. การจัดตำแหน่งและการจัดแนวเส้น</h3> <p>การจัดแนวบรรทัดและการให้เหตุผลจะควบคุมวิธีการกระจายเนื้อหาแบบอินไลน์ภายในบล็อกบรรทัด</p> <h4>5.1. ชวเลขสำหรับการจัดตำแหน่งข้อความ: คุณสมบัติการจัดข้อความ</h4> <p>บล็อกข้อความคือชุดของบล็อกเชิงเส้น คุณสมบัติ text-align ระบุคุณสมบัติ text-align-all และ text-align-last และอธิบายวิธีการจัดแนวกล่องระดับบรรทัดในแต่ละบรรทัดโดยสัมพันธ์กับด้านเริ่มต้นและสิ้นสุดของกล่องบรรทัด ค่าอื่นนอกเหนือจาก justify-all หรือ match-parent ถูกกำหนดให้กับ text-align-all และรีเซ็ตเป็น auto ใน text-align-last</p> <p>ทรัพย์สินเป็นมรดก</p> <table class="t1"><tr><th colspan="2">จัดข้อความ</th> </tr><tr><td>ค่า:</td> <td> </td> </tr><tr><td>เริ่ม</td> <td>เนื้อหาระดับบรรทัดถูกจัดชิดกับขอบนำของกล่องบรรทัด ค่าเริ่มต้น</td> </tr><tr><td>จบ</td> <td>เนื้อหาระดับบรรทัดถูกจัดชิดกับขอบท้ายของกล่องบรรทัด</td> </tr><tr><td>ซ้าย</td> <td>เนื้อหาระดับบรรทัดจัดชิดกับขอบด้านซ้ายของบรรทัดบล็อกบรรทัด ในระบบการเขียนแนวตั้ง นี่จะเป็นด้านบนหรือด้านล่างทางกายภาพ ขึ้นอยู่กับการวางแนวของข้อความ</td> </tr><tr><td>ขวา</td> <td>เนื้อหาระดับบรรทัดถูกจัดชิดกับขอบด้านขวาของบรรทัดบล็อกบรรทัด ในระบบการเขียนแนวตั้ง นี่จะเป็นด้านบนหรือด้านล่างทางกายภาพ ขึ้นอยู่กับการวางแนวของข้อความ</td> </tr><tr><td>ศูนย์</td> <td>เนื้อหาระดับบรรทัดจะอยู่กึ่งกลางภายในกล่องบรรทัด</td> </tr><tr><td>ปรับให้เหมาะสม</td> <td>ข้อความจะจัดชิดกับความกว้างของกล่องบรรทัดเพื่อเติมระยะขอบบรรทัดให้ถูกต้อง โดยกดที่ขอบซ้ายและขวาขององค์ประกอบหลัก เว้นแต่จะระบุไว้เป็นอย่างอื่นใน text-align-last บรรทัดสุดท้ายก่อนการบังคับแบ่งหรือจุดสิ้นสุดของบล็อกจะถูกจัดชิดกับจุดเริ่มต้น มีการกระจายช่องว่างระหว่างคำและตัวอักษรเพื่อให้ความยาวของบรรทัดทั้งหมดเท่ากัน เบราว์เซอร์ที่แตกต่างกันอาจเพิ่มทั้งช่องว่างระหว่างคำและระยะห่างระหว่างตัวอักษร</td> </tr><tr><td>จัดชิดขอบทั้งหมด</td> <td>ตั้งค่า text-align-all และ text-align-last เพื่อชิดขอบ และจัดแนวบรรทัดสุดท้ายด้วย</td> </tr><tr><td>จับคู่ผู้ปกครอง</td> <td>ค่าจะทำงานเหมือนกับค่าสืบทอด ยกเว้นว่าค่าเริ่มต้นหรือค่าสิ้นสุดที่สืบทอดมาจะถูกตีความโดยสัมพันธ์กับค่าทิศทาง (หรือบล็อกดั้งเดิมที่มีบล็อกหากไม่มีค่าพาเรนต์) และให้ผลลัพธ์เป็นค่าที่คำนวณได้เป็นค่าทางซ้ายหรือทางขวา</td> </tr><tr><td>สืบทอด</td> <td>สืบทอดค่าคุณสมบัติจากองค์ประกอบหลัก</td> </tr></table><p><b>ไวยากรณ์</b></p><p>การจัดแนวข้อความ: start; การจัดแนวข้อความ: สิ้นสุด; การจัดแนวข้อความ: ซ้าย; การจัดแนวข้อความ: ขวา; การจัดแนวข้อความ: กึ่งกลาง; การจัดแนวข้อความ: จัดชิดขอบ; การจัดแนวข้อความ: จัดชิดขอบทั้งหมด; การจัดแนวข้อความ: match-parent; การจัดแนวข้อความ: สืบทอด;</p><h4>5.2. การจัดตำแหน่งข้อความเริ่มต้น: คุณสมบัติ text-align-all</h4> <p>คุณสมบัติ text-align-all เป็นเวอร์ชันย่อของคุณสมบัติ text-align ที่ระบุการจัดแนวของบรรทัดเนื้อหาทั้งหมดในคอนเทนเนอร์บล็อก ยกเว้นบรรทัดสุดท้าย ซึ่งถูกแทนที่โดย text-align-last ยอมรับค่า start , end , left , right , center , justify และ match-parent</p> <p>ทรัพย์สินเป็นมรดก</p> <p><b>ไวยากรณ์</b></p><p>จัดข้อความทั้งหมด: เริ่มต้น; ข้อความจัดทั้งหมด: สิ้นสุด; จัดข้อความทั้งหมด: ซ้าย; ข้อความจัดทั้งหมด: ขวา; จัดข้อความทั้งหมด: กึ่งกลาง; ข้อความจัดทั้งหมด: ปรับ; ข้อความจัดทั้งหมด: จับคู่ผู้ปกครอง; ข้อความจัดทั้งหมด: สืบทอด;</p><h4>5.3. การจัดตำแหน่งบรรทัดสุดท้าย: คุณสมบัติ text-align-last</h4> <p>คุณสมบัติ text-align-last อธิบายว่าบรรทัดสุดท้ายของบล็อกหรือบรรทัดถูกจัดแนวอย่างไรก่อนที่จะบังคับแบ่งบรรทัด</p> <p>หากตั้งค่าเป็น auto เนื้อหาในแถวที่เกี่ยวข้องจะถูกจัดแนวเป็น text-align-all เว้นแต่ว่า text-align-all จะถูกตั้งค่าเป็น justify ซึ่งในกรณีนี้เนื้อหาจะถูกจัดแนวไปที่จุดเริ่มต้นของบล็อก ค่าอื่น ๆ ทั้งหมดจะถูกตีความตามที่อธิบายไว้สำหรับ text-align</p> <p>ยอมรับค่า auto , start , end , left , right , center , justify และ match-parent</p> <p>ทรัพย์สินเป็นมรดก</p> <p><b>ไวยากรณ์</b></p><p>การจัดแนวข้อความครั้งสุดท้าย: อัตโนมัติ; ข้อความจัดครั้งสุดท้าย: เริ่มต้น; ข้อความจัดครั้งสุดท้าย: สิ้นสุด; การจัดข้อความครั้งสุดท้าย: ซ้าย; ข้อความจัดครั้งสุดท้าย: ขวา; การจัดแนวข้อความครั้งสุดท้าย: กึ่งกลาง; ข้อความจัดครั้งสุดท้าย: ปรับ; text-align-last: จับคู่พาเรนต์;</p><h3>6. ช่องว่าง</h3> <p>CSS ช่วยให้คุณควบคุมระยะห่างระหว่างคำและอักขระการพิมพ์โดยใช้คุณสมบัติการเว้นวรรคคำและการเว้นวรรคตัวอักษร</p> <h4>6.1. ช่องว่างระหว่างคำ: คุณสมบัติการเว้นวรรคคำ</h4> <p>คุณสมบัติการเว้นวรรคคำระบุระยะห่างเพิ่มเติมระหว่างคำ <br>กำหนดระยะห่างระหว่างคำ สามารถใช้ค่าบวกและค่าลบได้ หากมีความหมายเชิงลบ คำต่างๆ ก็สามารถทับซ้อนกันได้</p> <p>ค่าของการเว้นวรรคคำจะได้รับผลกระทบจากค่าของคุณสมบัติการจัดแนวข้อความในกรณีของข้อความชิดขอบ</p> <p>ทรัพย์สินเป็นมรดก</p> <p><b>ไวยากรณ์</b></p><p>การเว้นวรรคระหว่างคำ: ปกติ; การเว้นวรรคคำ: 1px; การเว้นวรรคคำ: 0.2em; การเว้นวรรคคำ: 50%; การเว้นวรรคคำ: สืบทอด; การเว้นวรรคคำ: เริ่มต้น;</p><h4>6.2. การติดตาม: คุณสมบัติการเว้นวรรคตัวอักษร</h4> <p>คุณสมบัติการเว้นวรรคตัวอักษรระบุช่องว่างเพิ่มเติมหรือการติดตามระหว่างอักขระตัวพิมพ์ที่อยู่ติดกัน การเว้นวรรคตัวอักษรเป็นส่วนเสริมและการเว้นวรรคคำ ตัวแทนผู้ใช้อาจเพิ่มหรือลดระยะห่างระหว่างหน่วยอักขระการพิมพ์เพื่อจัดแนวข้อความ ทั้งนี้ขึ้นอยู่กับกฎการจัดตำแหน่งที่มีผล</p> <p>ทรัพย์สินเป็นมรดก</p> <p><b>ไวยากรณ์</b></p><p>การเว้นวรรคตัวอักษร: ปกติ; ระยะห่างระหว่างตัวอักษร: 0.1em; การเว้นวรรคตัวอักษร: 2px; การเว้นวรรคตัวอักษร: สืบทอด; การเว้นวรรคตัวอักษร: เริ่มต้น;</p><h3>7. เยื้องบรรทัดแรก: คุณสมบัติการเยื้องข้อความ</h3> <p>คุณสมบัติการเยื้องข้อความระบุการเยื้องที่ใช้กับบรรทัดของเนื้อหาแบบอินไลน์ภายในบล็อก การเติมจะถือเป็นระยะขอบที่ใช้กับขอบเริ่มต้นของกล่องบรรทัด <br>หากมีรูปภาพในบรรทัดแรกขององค์ประกอบบล็อก รูปภาพนั้นจะย้ายไปพร้อมกับข้อความที่เหลือ</p> <p>ทรัพย์สินเป็นมรดก</p> <p><b>ไวยากรณ์</b></p><p>เยื้องข้อความ: 5 มม.; เยื้องข้อความ: 20px; เยื้องข้อความ: 5%; เยื้องข้อความ: 2em แต่ละบรรทัด; เยื้องข้อความ: 2em แขวน; เยื้องข้อความ: สืบทอด; เยื้องข้อความ: เริ่มต้น;</p> <p>สวัสดีผู้อ่านบล็อกไซต์ที่รัก วันนี้เราศึกษากันต่อ และต่อไปเรามีคุณสมบัติ text- decoration, Vertical-align, text-align, text-indent และอื่นๆ อีกมากมาย ซึ่งช่วยในการออกแบบลักษณะที่ปรากฏของข้อความในโค้ด Html</p><p>ในบทความที่แล้ว เราได้ดูคุณสมบัติที่มีไว้เพื่อปรับแต่งลักษณะที่ปรากฏของแบบอักษรเมื่อ .</p><p>ก่อนหน้านี้เราได้ดูรายละเอียดทุกประเภท เรียนรู้วิธีการจัดกลุ่ม และลำดับความสำคัญที่เบราว์เซอร์กำหนดเมื่อตีความ จริงอยู่ทั้งหมดนี้แบ่งออกเป็นหลายบทความ ดังนั้นเพื่อไม่ให้สับสนฉันขอแนะนำให้คุณศึกษาเนื้อหาตามลำดับที่ระบุไว้</p><h2>การตกแต่งข้อความ, การจัดข้อความ, การเยื้องข้อความใน CSS</h2><p>จะทำงานกับข้อความใน Css ได้อย่างไร? คงจะสมเหตุสมผลที่จะถือว่ามีกฎที่ออกแบบมาเป็นพิเศษเพื่อจุดประสงค์นี้ เริ่มต้นด้วยการจัดตำแหน่งข้อความ ซึ่งจริงๆ แล้วเป็นการแทนที่แอตทริบิวต์การจัดตำแหน่ง (ใช้เพื่อจัดตำแหน่งเนื้อหา เช่น ย่อหน้า P หรือส่วนหัว)</p><p>มีเพียงสี่ความหมายที่เป็นไปได้:</p><p>ความหมายยังคงเหมือนเดิม <b>จัดแนวข้อความ</b>- นี่คือการจัดแนวเส้นแนวนอน กฎนี้ใช้เฉพาะกับองค์ประกอบบล็อก (ย่อหน้า ส่วนหัว ฯลฯ) เช่น แท็กเหล่านั้นซึ่งอาจปรากฏหลายบรรทัด เพราะ เนื่องจากองค์ประกอบแบบอินไลน์สามารถมีได้เพียงบรรทัดเดียว จึงไม่มีความเฉพาะเจาะจงในการใช้การจัดแนวข้อความในองค์ประกอบเหล่านั้น</p><p>เป็นที่ชัดเจนว่าค่าของกฎนี้หมายถึงการจัดตำแหน่งตามลำดับ: ไปทางซ้าย (ซ้าย) ไปทางขวา (ขวา) ตรงกลาง (กึ่งกลาง) และความกว้างของหน้า (จัดชิดขอบ - พร้อมกันไปทางซ้าย และถูกต้องโดยการเพิ่มระยะห่างระหว่างคำ) ดำเนินไปโดยไม่ได้บอกว่าควรใช้ค่า Justify สำหรับองค์ประกอบที่มีข้อความอย่างน้อยหลายบรรทัด ไม่เช่นนั้นจะไม่มีผลกระทบที่มองเห็นได้</p><p>ตัวอย่างเช่น ฉันจัดชิดขอบย่อหน้าก่อนหน้า (คุณจะเห็นว่ามีเส้นขอบเรียบทั้งซ้ายและขวา) โดยใช้:</p><p>การจัดแนวข้อความ: จัดชิดขอบ;</p><p>ตามค่าเริ่มต้น การจัดแนวข้อความแนวนอนจะยังคงอยู่ เช่น ไม่จำเป็นต้องเขียน text-align:left โดยเฉพาะ เว้นแต่ว่าคุณได้ระบุการจัดตำแหน่งอื่นไว้ก่อนหน้านี้ อย่างไรก็ตาม ฉันจัดย่อหน้านี้ให้อยู่ตรงกลาง (กลาง) อีกครั้งเพื่อให้เป็นตัวอย่างที่ชัดเจน แต่ที่นี่ ฉันคิดว่าทุกอย่างชัดเจน</p><p>กฎ Css ถัดไป <b>เยื้องข้อความ</b>ช่วยให้คุณสามารถระบุเส้นสีแดง เช่น สำหรับข้อความในแท็กย่อหน้า P การเยื้องของเส้นสีแดงสามารถระบุได้โดยการระบุค่า (โดยใช้เครื่องหมายบวกหรือเครื่องหมายลบ โดยใช้ ) หรือใช้เปอร์เซ็นต์:</p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/image/text-indent.png' height="66" width="282" loading=lazy loading=lazy></p><p>เปอร์เซ็นต์ที่คำนวณจากการเยื้องข้อความคืออะไร? จากความกว้างของพื้นที่ที่จัดสรรให้กับข้อความ เหล่านั้น. กฎ CSS text-indent:50% จะตั้งค่าเส้นสีแดงเท่ากับครึ่งหนึ่งของความยาวของบรรทัดนี้ ย่อหน้านี้ทำหน้าที่เป็นตัวอย่างของกฎดังกล่าว</p><p>หรือคุณสามารถตั้งค่าลบสำหรับเส้นสีแดงในการเยื้องข้อความ จากนั้นเราจะได้สิ่งที่คุณเห็นในย่อหน้านี้โดยประมาณ เพื่อให้บรรลุผลนี้ ฉันจึงเขียนกฎ CSS ต่อไปนี้สำหรับแท็กย่อหน้า P:</p><p>เยื้องข้อความ:-1em;</p><p>การใช้ text-indent โดยทั่วไป (เพื่อตั้งค่าเส้นสีแดงมาตรฐาน) อาจมีลักษณะดังนี้: text-indent:40px; (ใช้กับย่อหน้านี้โดยวิธี) กฎนี้ เช่นเดียวกับการจัดข้อความที่กล่าวถึงก่อนหน้านี้ <b>ใช้กับองค์ประกอบบล็อกเท่านั้น</b>, เช่น. ซึ่งอาจปรากฏหลายบรรทัด (ย่อหน้า หัวข้อ ฯลฯ)</p><p>เอาล่ะ เรามาต่อกันที่ <b>การตกแต่งข้อความ</b>(การออกแบบโดยใช้เส้นแนวนอน) ซึ่งนำไปใช้กับองค์ประกอบ Html ทั้งหมดแล้ว (ทั้งแบบอินไลน์และแบบบล็อก)</p><p>อาจมีความหมายได้เพียงสี่ความหมาย:</p><p>เหล่านั้น. สามารถใช้ตกแต่งข้อความได้ เช่น โอเวอร์ไลน์ ไลน์ทรู ขีดเส้นใต้ หรือไม่ใช้เลย (ไม่มีเลย) องค์ประกอบ HTML บางอย่างมีการออกแบบเส้นแนวนอนตามค่าเริ่มต้นอยู่แล้ว เช่น (จะถูกขีดเส้นใต้ตามค่าเริ่มต้น)</p><p>ดังนั้นการเน้นอย่างอื่นด้วยการขีดเส้นใต้ (ยกเว้นไฮเปอร์ลิงก์) จึงไม่ดี เนื่องจากผู้ใช้เขียนไว้ในจิตใต้สำนึกว่าเมื่อขีดเส้นใต้ (และเน้นด้วยสีด้วย) หมายความว่าพวกเขาสามารถคลิกเพื่อไปได้เลย แต่ด้วยการเน้นข้อความธรรมดาด้วยการขีดเส้นใต้ คุณทำให้ผู้ใช้เข้าใจผิดและต่อมารู้สึกผิดหวังกับทรัพยากรของคุณ (เขาคิดแบบนั้น แต่กลับกลายเป็นว่า...)</p><p>ความแตกต่างในการใช้กฎการตกแต่งข้อความ Css คือคุณสามารถป้อนค่าสาม (หรือสอง) ค่าในคราวเดียวสำหรับองค์ประกอบ Html ใด ๆ (ละเว้นไม่มีเลย) และด้วยเหตุนี้คุณจะได้รับ <span>ส่วนของข้อความที่ขีดเส้นใต้-ขีดเส้นใต้-ขีดฆ่า</span>(ฟังดูแล้วดูดีใช่ไหมล่ะ):</p><p>การตกแต่งข้อความ:ขีดเส้นใต้ ซ้อนทับ เส้นผ่าน;</p><p>จำเป็นต้องเขียนค่าสำหรับการตกแต่งข้อความ (หากคุณต้องการใช้หลายค่าในคราวเดียว) <b>ผ่านอักขระช่องว่าง</b>.</p><h2>จัดแนวตั้ง - จัดแนวตั้ง</h2><p>ต่อไปเรามีการจัดแนวตั้ง - จัดแนวตั้ง สำหรับองค์ประกอบเกือบทั้งหมดในโค้ด Html หมายถึงการจัดองค์ประกอบแบบอินไลน์กับข้อความที่สัมพันธ์กับบรรทัดฐาน จริงอยู่สำหรับสิ่งนี้มันมีความหมายแตกต่างออกไปเล็กน้อย - เนื้อหาทั้งหมดที่อยู่ในเซลล์เหล่านี้จะถูกจัดแนวในแนวตั้ง</p><p>สำหรับกฎการจัดแนวตั้ง CSS คุณสามารถใช้ค่าต่อไปนี้:</p><p>เส้นมีการจัดแนวพื้นฐานตามค่าเริ่มต้น ดูสิ ฉันสมัครแล้ว <span>เพิ่มขนาดตัวอักษรสำหรับข้อความชิ้นนี้</span>และทั้งสองส่วนนี้จัดชิดกับเส้นฐาน (ล่าง) และการจัดตำแหน่งแนวตั้งโดยใช้การจัดแนวตั้งนั้นมีจุดประสงค์เพื่อเปลี่ยนวิธีจัดแนวเส้นอย่างแม่นยำ</p><p>ตัวอย่างเช่น หากฉันเขียน Vertical-align:baseline สำหรับข้อความที่ขยายขนาดเดียวกัน จะไม่มีการเปลี่ยนแปลงเกิดขึ้น เนื่องจาก ค่าพื้นฐานจะใช้สำหรับกฎ CSS นี้ตามค่าเริ่มต้น</p><p>อย่างไรก็ตาม คุณยังสามารถใช้ตัวเลขเป็นค่าของมันได้ และคำจารึกแนวตั้ง:0 จะมีความหมายเหมือนกับแนวตั้ง:เส้นฐาน กล่าวคือ พื้นฐานเท่ากับศูนย์ ดังนั้น หากเราต้องการระบุการเปลี่ยนแปลงใดๆ ในการจัดตำแหน่งแนวตั้ง การเปลี่ยนแปลงนี้จะถูกระบุโดยสัมพันธ์กับเส้นฐาน (หรือศูนย์)</p><p>คุณสามารถเขียนได้ดังนี้:</p><p>จัดแนวตั้ง: 10px;</p><p>และเราจะได้รับ <span>เลื่อนส่วนที่มีแบบอักษรขนาดใหญ่ขึ้น</span> 10 พิกเซลสัมพันธ์กับเส้นฐาน ถ้าเราเขียนค่าลบ:</p><p>จัดแนวตั้ง:-10px;</p><p>แล้วเราก็ได้ <span>เลื่อนส่วนย่อยลง</span>สัมพันธ์กับพื้นฐาน จากตัวอย่างเป็นที่ชัดเจนว่าเนื่องจากการเลื่อน ความสูงของเส้นจึงเพิ่มขึ้นเพื่อให้ข้อความพอดีโดยไม่ชนกับบรรทัดที่อยู่ติดกัน การเปลี่ยนแปลงสามารถระบุได้ใน Em และ Ex และเป็นเปอร์เซ็นต์ซึ่งจะคำนวณจากความสูงของเส้นขององค์ประกอบนี้ (โปรดจำไว้ว่าในบทความที่แล้วเราได้เรียนรู้วิธีตั้งค่าโดยใช้ )</p><p>หากต้องการจัดแนวเนื้อหาของเซลล์ตารางในแนวตั้ง การจัดแนวตั้งควรใช้ค่าบนและล่างเพื่อจัดตำแหน่งเนื้อหาให้อยู่ด้านบนและด้านล่างของเซลล์ตามลำดับ (ตรงกลางในเซลล์ตารางจะใช้เป็นค่าการจัดตำแหน่งแนวตั้งเริ่มต้น ).</p><p>และสำหรับองค์ประกอบแบบอักษร คุณสามารถใช้ข้อความบน ล่างข้อความ ตรงกลางได้ ลองใช้มันเป็นตัวอย่าง <span>ข้อความชิ้นนี้</span>ความหมาย:</p><p>แนวตั้งจัด: กลาง;</p><p>ผลลัพธ์คืออะไร? เส้นกลางของส่วนที่ขยายจะสอดคล้องกับบรรทัดฐานของข้อความปกติ เช่น เราได้การจัดตำแหน่งแนวตั้งไปที่เส้นกึ่งกลาง สำหรับข้อความด้านบนและด้านล่างทุกอย่างจะเหมือนกัน นี่คือ text-top และนี่คือ text-bottom</p><p>ค่าของคุณสมบัติ Css การจัดตำแหน่งแนวตั้งย่อยและ super สอดคล้องกับดัชนีย่อยและ super-index ที่เกิดขึ้นใน Html บริสุทธิ์ (ก่อนที่จะใช้คุณสมบัติ CSS สำหรับการออกแบบภาพ)</p><h2>การแปลงข้อความ การเว้นวรรคตัวอักษร การเว้นวรรคคำ และการเว้นวรรค</h2><p>ไม่มีการใช้เป็นค่าเริ่มต้น และหมายความว่าอักขระในข้อความจะไม่เปลี่ยนแปลง แต่อย่างใด - ตามที่เขียนด้วย Html นี่คือลักษณะที่จะแสดง ค่าตัวพิมพ์ใหญ่สำหรับการแปลงข้อความจะเปลี่ยนตัวอักษรทั้งหมดในส่วนให้เป็นตัวพิมพ์ใหญ่ ( <span>ตัวอย่างจะแสดงอยู่ในประโยคนี้</span>โดยที่ใช้กฎ text-transform:ตัวพิมพ์ใหญ่ และตัวอักษรเดิมเขียนด้วยตัวพิมพ์เล็ก)</p><p>ค่าตัวพิมพ์เล็กสำหรับกฎการแปลงข้อความ Css จะช่วยให้คุณสามารถแปลงอักขระทั้งหมดในส่วนให้เป็นตัวพิมพ์เล็กได้ และค่าตัวพิมพ์ใหญ่จะทำให้ตัวอักษรตัวแรกทั้งหมดของคำเป็นตัวพิมพ์ใหญ่ ( <span>ตัวอย่างในประโยคนี้</span>- การแปลงข้อความ: ตัวพิมพ์ใหญ่) เหล่านั้น. การใช้การแปลงข้อความทำให้คุณสามารถทำทุกอย่างที่ต้องการด้วยข้อความธรรมดา จากนั้นจึงคืนทุกอย่างกลับคืนมาได้อย่างง่ายดาย</p><p>ดังนั้น ตัวอย่างเช่น หากคุณมีหน้าที่ทำให้ส่วนหัวทั้งหมดเขียนด้วยตัวพิมพ์ใหญ่เท่านั้น ให้เขียนเป็น Html ตามปกติ และทำให้เป็นตัวอักษรตัวพิมพ์ใหญ่ใน CSS ผ่าน text-transform:uppercase จากนั้น หากคุณตัดสินใจที่จะเปลี่ยนบางอย่างกลับ คุณจะต้องทำการเปลี่ยนแปลงสไตล์เพียงเล็กน้อยเท่านั้น ไม่ใช่เนื้อหาของส่วนหัวทั้งหมด 100,500 รายการในไซต์ของคุณ</p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/image/letter-spacing.png' height="91" width="358" loading=lazy loading=lazy></p><p>ตามค่าเริ่มต้น ทั้งการเว้นวรรคตัวอักษรและคำจะถูกตั้งค่าเป็นปกติ หรือเท่ากับศูนย์ (นั่นคือ ระยะห่างระหว่างอักขระและคำไม่มีการเปลี่ยนแปลงแต่อย่างใด) จำนวนการเปลี่ยนแปลงระยะทางในกฎเหล่านี้สามารถระบุเป็นพิกเซลหรือ Em หรือ Ex เท่านั้น แต่ไม่ใช่เป็นเปอร์เซ็นต์</p><p>อย่างไรก็ตาม คุณสามารถใช้ทั้งค่าบวก (ความกระจัดกระจายของอักขระหรือคำ) และค่าลบ (ทำให้อักขระหรือคำอยู่ใกล้กันมากขึ้น) ตัวอย่างเช่นคุณสามารถ <span>“นี่คือวิธีทำให้ตัวอักษรในวลีนี้บางลง”</span>โดยใช้กฎ Css ต่อไปนี้:</p><p>ระยะห่างระหว่างตัวอักษร:0.4em;</p><p>หรือคุณสามารถ <span>“นี่คือวิธีนำสัญลักษณ์ในวลีนี้มาชิดกันมากขึ้น”</span>โดยใช้:</p><p>ระยะห่างระหว่างตัวอักษร:-1px;</p><p>เช่นเดียวกันอาจกล่าวได้เกี่ยวกับการเว้นวรรคคำ โดยมีข้อแตกต่างเพียงอย่างเดียวคือระยะห่างระหว่างคำจะเปลี่ยนไป <span>เช่น ในวลีนี้ การใช้โครงสร้าง CSS นี้</span>:</p><p>การเว้นวรรคคำ:4em;</p><p>ในทำนองเดียวกัน คุณสามารถใช้ค่าลบในการเว้นวรรคคำเพื่อลดระยะห่างระหว่างคำ</p><p>กฎ CSS สุดท้ายสำหรับวันนี้ซึ่งช่วยให้คุณจัดรูปแบบข้อความในโค้ด Html ด้วยวิธีใดวิธีหนึ่งก็คือสิ่งนี้ <b>พื้นที่สีขาว</b>- มีหน้าที่แสดงอักขระช่องว่างบนหน้าเว็บที่เกิดขึ้นเมื่อเขียนโค้ด Html</p><p>ดังที่คุณจำได้จากบทความเกี่ยวกับ เบราว์เซอร์เมื่อแยกวิเคราะห์โค้ด จะรวมช่องว่างทั้งหมด ตัวแบ่งบรรทัดและแท็บไว้ในช่องว่างเดียว และแบ่งบรรทัดบนหน้าเว็บตามอักขระช่องว่างที่อยู่ในโค้ดอย่างแม่นยำ</p><p>ดังนั้น พื้นที่สีขาวอาจมีค่าใดค่าหนึ่งจากสามค่า:</p><p><img src='https://i1.wp.com/ktonanovenkogo.ru/image/white-space.png' width="100%" loading=lazy loading=lazy></p><p>เห็นได้ชัดว่าค่าเริ่มต้นคือ ปกติ และในกรณีนี้ ทุกอย่างจะแสดงตามที่ฉันได้อธิบายไว้ข้างต้น แต่เมื่อใช้ค่า Pre เราจะได้ความคล้ายคลึงที่สมบูรณ์กับการใช้ เช่น บนหน้าเว็บ ข้อความจะแสดงพร้อมกับอักขระช่องว่างพิเศษทั้งหมดที่ปรากฏเมื่อเขียนโค้ด และเบราว์เซอร์จะไม่สามารถถ่ายโอนโดยใช้อักขระเหล่านั้นได้อีกต่อไป</p><p>ความหมายคืออะไร? <b>ตอนนี้แรป</b>มันจะป้องกันไม่ให้เบราว์เซอร์ล้อมอักขระช่องว่างใดๆ ที่พบภายในแฟรกเมนต์ด้วยกฎ CSS white-space:nowrap คุณสามารถลองใช้งานทั้งหมดได้ด้วยตัวเองโดยสร้างไฟล์ Html ง่ายๆ และใส่ข้อความใดๆ ลงในแท็กดังนี้:</p><p> <div style="white-space:pre;">ส่วนของข้อความทดลอง</div> </p><p>ขอให้โชคดี! พบกันเร็ว ๆ นี้ในหน้าของเว็บไซต์บล็อก</p><h3></h3><p>คุณอาจจะสนใจ</p><p><img src='https://i2.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/list-style.jpg' width="100%" loading=lazy loading=lazy><span>รูปแบบรายการ (ประเภท รูปภาพ ตำแหน่ง) - กฎ CSS สำหรับปรับแต่งลักษณะที่ปรากฏของรายการในโค้ด Html</span> <br><img src='https://i0.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/z-index-cursor.jpg' width="100%" loading=lazy loading=lazy><span>การจัดตำแหน่งโดยใช้กฎ Z-index และ CSS Cursor เพื่อเปลี่ยนเคอร์เซอร์ของเมาส์</span> <br><img src='https://i0.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/padding-margin-border.jpg' width="100%" loading=lazy loading=lazy><span>Padding, Margin และ Border - ตั้งค่าช่องว่างภายในและภายนอกใน CSS รวมถึงเส้นขอบสำหรับทุกด้าน (บน, ล่าง, ซ้าย, ขวา)</span> <br><img src='https://i1.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/uroki-css.jpg' width="100%" loading=lazy loading=lazy><span>CSS มีไว้ทำอะไร วิธีเชื่อมต่อสไตล์ชีตแบบเรียงซ้อนกับเอกสาร Html และไวยากรณ์พื้นฐานของภาษานี้</span> <br><img src='https://i0.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/float-clear.jpg' width="100%" loading=lazy loading=lazy><span>ลอยและชัดเจนใน CSS - เครื่องมือเค้าโครงบล็อก</span> <br><img src='https://i1.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/css.jpg' width="100%" loading=lazy loading=lazy><span>CSS - คืออะไร สไตล์ชีทแบบเรียงซ้อนเชื่อมต่อกับโค้ด Html โดยใช้ Style และ Link อย่างไร</span> <br><img src='https://i2.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/razmery-nasledovanie-css.jpg' width="100%" loading=lazy loading=lazy><span>หน่วยขนาด (พิกเซล, Em และ Ex) และกฎการสืบทอดใน CSS</span> <br><img src='https://i0.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/css-selektory.jpg' width="100%" loading=lazy loading=lazy><span>แท็ก คลาส รหัส และตัวเลือกสากล รวมถึงตัวเลือกแอตทริบิวต์ใน CSS สมัยใหม่</span> <br><img src='https://i1.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/position-css.jpg' width="100%" loading=lazy loading=lazy><span>ตำแหน่ง (สัมบูรณ์ สัมพันธ์ และคงที่) - วิธีจัดตำแหน่งองค์ประกอบ Html ใน CSS (กฎด้านซ้าย ขวา บน และล่าง)</span> <br><img src='https://i2.wp.com/ktonanovenkogo.ru/wp-content/uploads/2013/10/background-color.jpg' width="100%" loading=lazy loading=lazy><span>พื้นหลังใน CSS (สี ตำแหน่ง รูปภาพ ซ้ำ ไฟล์แนบ) - ทุกอย่างสำหรับการตั้งค่าสีพื้นหลังหรือรูปภาพพื้นหลังขององค์ประกอบ Html</p> <p><b>แท็ก HTML ที่กำหนดการจัดตำแหน่งข้อความและการเยื้อง</b></p> <p><b>ข้อความที่ถูกต้องที่ใช้ในการพิมพ์</b></p> <p>ตัวอย่างด้านล่างแสดงวิธีการจัดตำแหน่ง <b>ข้อความให้มีความกว้าง</b>หน้า:</p> <table class="t_align" cellspacing="2"><tr><th>จัด = "ซ้าย"</th> <th>จัด = "ขวา"</th> </tr><tr><td> </td> <td><p>จำนวนคนงานที่ทำงานในภาคบริการและการเผยแพร่ข้อมูลมีเพิ่มขึ้นทุกวัน หากสัญลักษณ์ของศตวรรษที่ผ่านมาคือฟาร์มและโรงงาน สัญลักษณ์ของศตวรรษที่ 21 ในปัจจุบันก็คือสำนักงานที่มีคอมพิวเตอร์ซึ่งสามารถเข้าถึงการไหลของข้อมูลได้</p> </td> </tr><tr><th>align="จัดชิดขอบ"</th> <th>จัด = "ศูนย์"</th> </tr><tr><td><p>จำนวนคนงานที่ทำงานในภาคบริการและการเผยแพร่ข้อมูลมีเพิ่มขึ้นทุกวัน หากสัญลักษณ์ของศตวรรษที่ผ่านมาคือฟาร์มและโรงงาน สัญลักษณ์ของศตวรรษที่ 21 ในปัจจุบันก็คือสำนักงานที่มีคอมพิวเตอร์ซึ่งสามารถเข้าถึงการไหลของข้อมูลได้</p> </td> <td><p>จำนวนคนงานที่ทำงานในภาคบริการและการเผยแพร่ข้อมูลมีเพิ่มขึ้นทุกวัน หากสัญลักษณ์ของศตวรรษที่ผ่านมาคือฟาร์มและโรงงาน สัญลักษณ์ของศตวรรษที่ 21 ในปัจจุบันก็คือสำนักงานที่มีคอมพิวเตอร์ซึ่งสามารถเข้าถึงการไหลของข้อมูลได้</p> </td> </tr></table><p>ค่าเหตุผลทำให้มั่นใจได้ว่ามีความสม่ำเสมอ <b>จัดแนวข้อความไปทางขวาและซ้าย</b>นั่นคือ <b>ในความกว้าง</b>- วิธีนี้ใช้กันอย่างแพร่หลายในการพิมพ์</p> <h2>การจัดแนวข้อความใน HTML ให้อยู่กึ่งกลางและความกว้าง</h2> <p><b>จัดข้อความให้อยู่กึ่งกลาง HTML ข้อความไปทางขวา</b>:</p> <p>ผลลัพธ์:</p> <p>คุณลักษณะและค่านิยม</p> <ul><li>align="left" - กำหนด <i>การจัดตำแหน่งข้อความด้านซ้าย</i>(ค่าเริ่มต้น).</li> <li>align="ศูนย์" - <i>จัดข้อความให้อยู่ตรงกลาง</i>.</li> <li>align="ขวา" - <i>จัดข้อความชิดขวา</i>.</li> </ul><h2>การจัดแนว | การเยื้องข้อความ HTML</h2> <p><b>ข้อความ HTML และการเยื้องทางด้านซ้ายของหน้า</b></p> <p>เราจะผลิต <b>การเยื้องข้อความ</b>ทางด้านซ้ายได้สองวิธี:</p> <p>ผลลัพธ์:</p> <p><img src='https://i1.wp.com/ab-w.net/images/501pr.png' width="100%" loading=lazy loading=lazy></p> <p>ดูในหน้าต่างใหม่</p> <p>ตั้งค่าการจัดตำแหน่งของบรรทัดสุดท้ายของบล็อกข้อความ</p><h2>ข้อมูลโดยย่อ</h2><h2>การกำหนด</h2><table><tbody><tr><th> </th><th>คำอธิบาย</th><th style="width: 130px">ตัวอย่าง</th> </tr><tr><td><тип> </td><td>ระบุประเภทของค่า</td><td><размер> </td> </tr><tr><td>เอ แอนด์& บี</td><td>ค่าจะต้องส่งออกตามลำดับที่ระบุ</td><td><размер> && <цвет> </td> </tr><tr><td>ก | บี</td><td>บ่งชี้ว่าคุณต้องเลือกเพียงค่าเดียวจากค่าที่เสนอ (A หรือ B)</td><td>ปกติ | หมวกเล็ก</td> </tr><tr><td>|| บี</td><td>แต่ละค่าสามารถใช้แยกกันหรือใช้ร่วมกับค่าอื่นในลำดับใดก็ได้</td><td>ความกว้าง || นับ</td> </tr><tr><td> </td><td>ค่ากลุ่ม</td><td>[ ครอบตัด || ข้าม ]</td> </tr><tr><td>* </td><td>ทำซ้ำศูนย์หรือหลายครั้ง</td><td>[,<время>]* </td> </tr><tr><td>+ </td><td>ทำซ้ำหนึ่งครั้งหรือมากกว่านั้น</td><td><число>+ </td> </tr><tr><td>? </td><td>ประเภท คำ หรือกลุ่มที่ระบุเป็นทางเลือก</td><td>แทรก?</td> </tr><tr><td>(ก, ข)</td><td>ทำซ้ำอย่างน้อย A แต่ไม่เกิน B ครั้ง</td><td><радиус>{1,4} </td> </tr><tr><td># </td><td>ทำซ้ำอย่างน้อยหนึ่งครั้งโดยคั่นด้วยเครื่องหมายจุลภาค</td><td><время># </td> </tr></tbody></table>× <h2>ค่านิยม</h2><p>อัตโนมัติ จับคู่การจัดตำแหน่งที่ระบุโดยคุณสมบัติการจัดแนวข้อความ ยกเว้นค่าชิดขอบ สำหรับมัน การจัดตำแหน่งจะเหมือนกับ start start เส้นจะจัดชิดกับขอบเริ่มต้นของบล็อกซึ่งสามารถเปลี่ยนแปลงได้ขึ้นอยู่กับทิศทางของข้อความ (ซ้ายไปขวาหรือขวาไปซ้าย) end เส้นจะจัดชิดกับขอบสิ้นสุดของบล็อกซึ่งกำหนดโดยทิศทางของข้อความ left เส้นจะชิดซ้าย right เส้นจะจัดชิดขวา center เส้นอยู่กึ่งกลาง justify เส้นถูกต้อง หากมีเพียงหนึ่งคำในบรรทัดสุดท้าย คำนั้นจะถูกจัดชิดซ้าย</p><p>ผลกระทบของค่าที่แตกต่างกันต่อตำแหน่งของข้อความจะแสดงในตาราง 1.</p><table class="data">โต๊ะ 1. ผลกระทบของค่า text-align-last <tr><th>ความหมาย</th><th>การจัดตำแหน่ง</th><th>ประเภทข้อความ</th> </tr><tr><td class="sel">ซ้าย</td><td>ซ้าย</td><td> </td> </tr><tr><td class="sel">ขวา</td><td>ขวา</td><td><img src='https://i2.wp.com/webref.ru/assets/images/css/css_text-align-last_2.png' height="127" width="161" loading=lazy loading=lazy></td> </tr><tr><td class="sel">ศูนย์</td><td>อยู่ตรงกลาง</td><td><img src='https://i0.wp.com/webref.ru/assets/images/css/css_text-align-last_3.png' height="127" width="161" loading=lazy loading=lazy></td> </tr><tr><td class="sel">ปรับให้เหมาะสม</td><td>ความกว้าง</td><td><img src='https://i0.wp.com/webref.ru/assets/images/css/css_text-align-last_4.png' height="127" width="161" loading=lazy loading=lazy></td> </tr></table><h2>แซนด์บ็อกซ์</h2><p>วินนี่ เดอะ พูห์ไม่รังเกียจที่จะดื่มเครื่องดื่มเล็กๆ น้อยๆ เสมอ โดยเฉพาะตอนสิบเอ็ดโมงเช้า เพราะในเวลานั้นอาหารเช้าหมดไปนานแล้ว และอาหารกลางวันก็ยังไม่เริ่ม และแน่นอนว่าเขาดีใจมากที่เห็นกระต่ายหยิบถ้วยและจานออกมา</p><p>div ( text-align-last: start ; )</p><h2>ตัวอย่าง</h2><p><!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ข้อความจัดตำแหน่งสุดท้าย</title> <style> div { width: 300px; text-align: justify; text-align-last: justify; } </style> </head> <body> <div>เมื่อข้ามภูเขาให้พิงหุบเขา</div> <script type="text/javascript">  </script><br> <br> </body> </html></p><h2>วางตำแหน่งตัวเองให้สูง ขึ้นอยู่กับว่าด้านที่มีแดดอยู่ที่ไหน เมื่อต่อสู้กับศัตรูบนที่สูง อย่าเดินตรงขึ้นไป นี่คือสภาพของกองทัพในภูเขา</h2><p><i>โมเดลวัตถุ</i>วัตถุ</p><h2>.style.textAlignLast</h2><p>บันทึก</p><p>Internet Explorer และ Edge ไม่รองรับค่าเริ่มต้นและสิ้นสุด</p><h2>Firefox ก่อนเวอร์ชัน 49 รองรับคุณสมบัติ -moz-text-align-last</h2><p>ข้อมูลจำเพาะ</p><ul><li>ข้อมูลจำเพาะแต่ละอย่างต้องผ่านการอนุมัติหลายขั้นตอน</li><li>คำแนะนำ - ข้อมูลจำเพาะได้รับการอนุมัติจาก W3C และแนะนำให้ใช้เป็นมาตรฐาน <span>คำแนะนำผู้สมัคร (</span>คำแนะนำที่เป็นไปได้</li><li>) - กลุ่มที่รับผิดชอบมาตรฐานมีความพึงพอใจว่าบรรลุเป้าหมาย แต่ต้องการความช่วยเหลือจากชุมชนการพัฒนาเพื่อนำมาตรฐานไปใช้ <span>ข้อเสนอแนะที่เสนอ</span>ข้อแนะนำ</li><li>) - ในขั้นตอนนี้ เอกสารจะถูกส่งไปยังสภาที่ปรึกษา W3C เพื่อขออนุมัติขั้นสุดท้าย</li><li>Working Draft - ฉบับร่างฉบับสมบูรณ์ยิ่งขึ้นที่ได้รับการหารือและแก้ไขเพื่อการตรวจสอบของชุมชน <span>ร่างบรรณาธิการ (</span>ร่างบรรณาธิการ</li><li>) - เวอร์ชันร่างของมาตรฐานหลังจากมีการเปลี่ยนแปลงโดยบรรณาธิการโครงการ <span>ร่าง (</span>ข้อกำหนดฉบับร่าง</li> </ul>× <table class="data browser"><tr class="br"><td>) - เวอร์ชันร่างแรกของมาตรฐาน</td> <td colspan="2">ซีเอสเอส</td> <td>อินเทอร์เน็ตเอ็กซ์พลอเรอร์</td> <td>โครเมียม</td> <td>โอเปร่า</td> <td>ซาฟารี</td> <td>หุ่นยนต์</td> <td>ไอโอเอส</td> </tr><tr class="sp"><td>2.1 </td> <td class="warn" title="Internet Explorer เวอร์ชันสูงสุดและรวมถึง 7.0 ไม่รองรับค่าที่สืบทอด">6.0+ </td> <td class="yes sline">8.0+ </td> <td class="yes">1.0+ </td> <td class="yes">3.5+ </td> <td class="yes">1.0+ </td> <td class="yes">1.0+ </td> <td class="yes">1.0+ </td> <td class="yes">1.0+ </td> </tr><tr class="sp"><td>3 </td> <td colspan="2" class="no"> </td> <td class="yes">2.0+ </td> <td class="yes">11.6+ </td> <td class="yes">3.1+ </td> <td class="yes">3.6+ </td> <td class="yes">2.1+ </td> <td class="yes">2.0+ </td> </tr></table><h3>ข้อมูลโดยย่อ</h3> <h3>เวอร์ชัน CSS</h3> <h3>ค่านิยม</h3>center จัดข้อความให้อยู่ตรงกลาง ข้อความจะถูกวางในแนวนอนในหน้าต่างเบราว์เซอร์หรือคอนเทนเนอร์ที่มีบล็อกข้อความอยู่ ดูเหมือนว่าบรรทัดข้อความจะพันกันบนแกนที่มองไม่เห็นซึ่งพาดผ่านกึ่งกลางของหน้าเว็บ วิธีการจัดแนวนี้ใช้กันอย่างแพร่หลายในส่วนหัวและลายเซ็นต่างๆ เช่น คำบรรยาย ช่วยให้การออกแบบข้อความดูเป็นทางการและชัดเจน <p>ในกรณีอื่น ๆ ทั้งหมด การจัดกึ่งกลางไม่ค่อยได้ใช้ด้วยเหตุผลที่ทำให้ไม่สะดวกในการอ่านข้อความดังกล่าวจำนวนมาก</p><p> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>justify Justified ความหมายคือ จัดชิดซ้ายขวาพร้อมกัน ในการดำเนินการนี้ เบราว์เซอร์ในกรณีนี้จะเพิ่มช่องว่างระหว่างคำ</title> <style> div { border: 1px solid black; /* Параметры рамки */ padding: 5px; /* Поля вокруг текста */ margin-bottom: 5px; /* Отступ снизу */ } #left { text-align: left; } #right { text-align: right; } #center { text-align: center; } .content { width: 75%; /* Ширина слоя */ background: #fc0; /* Цвет фона */ } </style> </head> <body> <div id="left"><div class="content">left จัดข้อความชิดซ้าย ในกรณีนี้ บรรทัดข้อความจะจัดชิดซ้าย และขอบด้านขวาจะจัดเรียงเป็นขั้นบันได วิธีการจัดแนวนี้เป็นวิธีที่ได้รับความนิยมมากที่สุดบนเว็บไซต์ เนื่องจากทำให้ผู้ใช้สามารถค้นหาบรรทัดใหม่ได้อย่างง่ายดาย และอ่านข้อความขนาดใหญ่ได้อย่างสะดวกสบาย</div></div> <div id="center"><div class="content">right จัดข้อความชิดขวา วิธีการจัดตำแหน่งนี้ทำหน้าที่เป็นศัตรูกับประเภทก่อนหน้า กล่าวคือ บรรทัดข้อความจะถูกจัดชิดกับขอบด้านขวา ในขณะที่ด้านซ้ายยังคง "ขาด" เนื่องจากขอบด้านซ้ายไม่ได้จัดแนว ซึ่งเป็นที่สำหรับอ่านบรรทัดใหม่ ข้อความนี้จึงอ่านได้ยากกว่าการจัดชิดซ้าย ดังนั้น การจัดชิดขวาจึงมักใช้กับหัวข้อเรื่องสั้นไม่เกิน 3 บรรทัด</div></div> <div id="right"><div class="content">เราไม่พิจารณาเฉพาะไซต์ที่ต้องอ่านข้อความจากขวาไปซ้าย ซึ่งบางทีวิธีการจัดตำแหน่งที่คล้ายกันอาจเป็นประโยชน์</div></div> <script type="text/javascript">  </script><br> <br> </body> </html> </p><p>auto ไม่เปลี่ยนตำแหน่งขององค์ประกอบ</p> <p>inherit สืบทอดค่าของพาเรนต์</p> <p>เริ่มต้น เช่นเดียวกับซ้ายถ้าข้อความไปจากซ้ายไปขวาและขวาเมื่อข้อความไปจากขวาไปซ้าย</p> <p><img src='https://i0.wp.com/htmlbook.ru/files/images/css/css_text-align_2.png' width="100%" loading=lazy loading=lazy></p> <p>สิ้นสุด เช่นเดียวกับขวาถ้าข้อความไปจากซ้ายไปขวาและซ้ายเมื่อข้อความไปจากขวาไปซ้าย</p> <h3>วางตำแหน่งตัวเองให้สูง ขึ้นอยู่กับว่าด้านที่มีแดดอยู่ที่ไหน เมื่อต่อสู้กับศัตรูบนที่สูง อย่าเดินตรงขึ้นไป นี่คือสภาพของกองทัพในภูเขา</h3> <p>document.getElementById("elementID ").style.textAlign</p> <h3>เบราว์เซอร์</h3> <p>IE จนถึงเวอร์ชัน 7.0 ไม่เพียงแต่จะจัดแนวเนื้อหาขององค์ประกอบระดับบล็อกเท่านั้น แต่ยังรวมไปถึงองค์ประกอบด้วย</p> <script type="text/javascript">  </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> <div style="font-size:0px;height:0px;line-height:0px;margin:0;padding:0;clear:both"></div> </div> <footer> <div class="td-block-row td-post-next-prev"> <div class="td-block-span6 td-post-prev-post"> <div class="td-post-next-prev-content"><span>บทความก่อนหน้านี้</span><a href="https://redcomrade.ru/th/internet/vse-draivera-wifi-skachivanie-i-ustanovka-draivera-dlya-wi-fi-adaptera-draiver-est/">การดาวน์โหลดและติดตั้งไดรเวอร์สำหรับอแด็ปเตอร์ Wi-Fi</a></div> </div>  <div class="td-next-prev-separator"></div> <div class="td-block-span6 td-post-next-post"> <div class="td-post-next-prev-content"><span>บทความถัดไป</span><a href="https://redcomrade.ru/th/winchesters/proshivka-android-samsung-s-pomoshchyu-odin-obnovlenie-proshivki/">กำลังอัพเดตเฟิร์มแวร์สำหรับสมาร์ทโฟน Samsung Galaxy กำลังเตรียมเฟิร์มแวร์</a></div>  </div> </div> <div class="td-author-name vcard author" style="display: none"><span class="fn"><a href="https://redcomrade.ru/th/author/iulia">จูเลีย</a></span></div> <span style="display: none;" itemprop="author" itemscope itemtype="https://schema.org/Person"><meta itemprop="name" content="Юлия"></span> <meta itemprop="datePublished" content="2016-05-16T15:47:37+00:00"> <meta itemprop="dateModified" content="2016-10-25T16:54:41+00:00"> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="/other/kak-zavyazat-galstuk-foto-poshagovo.html" /><span style="display: none;" itemprop="publisher" itemscope itemtype="https://schema.org/Organization"><span style="display: none;" itemprop="logo" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="//redcomrade.ru/wp-content/uploads/2017/01/logo-300x100.png"></span> <meta itemprop="name" content="Мой секрет"> </span> <meta itemprop="headline " content="Как завязать галстук пошагово фото"><span style="display: none;" itemprop="image" itemscope itemtype="https://schema.org/ImageObject"><meta itemprop="url" content="/wp-content/uploads/2016/05/1-19.jpg"><meta itemprop="width" content="640"><meta itemprop="height" content="450"></span> </footer> </article> <div class="td_block_wrap td_block_related_posts td_uid_3_5a236fb03c961_rand td_with_ajax_pagination td-pb-border-top td_block_template_1" data-td-block-uid="td_uid_3_5a236fb03c961" ><script>var block_td_uid_3_5a236fb03c961 = new tdBlock(); block_td_uid_3_5a236fb03c961.id = "td_uid_3_5a236fb03c961"; block_td_uid_3_5a236fb03c961.atts = '{ "limit":9,"sort":"","post_ids":"","tag_slug":"","autors_id":"","installed_post_types":"","category_id":"","category_ids":"","custom_title":"","custom_url":"","show_child_cat":"","sub_cat_ajax":"","ajax_pagination":"next_prev","header_color":"","header_text_color":"","ajax_pagination_infinite_stop":"","td_column_number":3,"td_ajax_preloading":"","td_ajax_filter_type":"td_custom_related","td_ajax_filter_ids":"","td_filter_default_txt":"\u0412\u0441\u0435","color_preset":"","border_top":"","class":"td_uid_3_5a236fb03c961_rand","el_class":"","offset":"","css":"","tdc_css":"","tdc_css_class":"td_uid_3_5a236fb03c961_rand","live_filter":"cur_post_same_categories","live_filter_cur_post_id":10046,"live_filter_cur_post_author":"694350","block_template_id":""} '; block_td_uid_3_5a236fb03c961.td_column_number = "3"; block_td_uid_3_5a236fb03c961.block_type = "td_block_related_posts"; block_td_uid_3_5a236fb03c961.post_count = "9"; block_td_uid_3_5a236fb03c961.found_posts = "26"; block_td_uid_3_5a236fb03c961.header_color = ""; block_td_uid_3_5a236fb03c961.ajax_pagination_infinite_stop = ""; block_td_uid_3_5a236fb03c961.max_num_pages = "3"; tdBlocksArray.push(block_td_uid_3_5a236fb03c961); </script><h4 class="td-related-title td-block-title"><a id="td_uid_4_5a236fb03e35d" class="td-related-left td-cur-simple-item" data-td_filter_value="" data-td_block_id="td_uid_3_5a236fb03c961" href="#">บทความที่เกี่ยวข้อง</a></h4><div id=td_uid_3_5a236fb03c961 class="td_block_inner"> <div class="td-related-row"> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/security/google-home-na-russkom-yazyke-kak-dobavit-ekspress-panel/" rel="bookmark" title="วิธีเพิ่มแผงด่วน"><img width="218" height="150" class="entry-thumb" src="/uploads/d5329a9ee28a3e6e5ed3334b61876278.jpg" alt="วิธีเพิ่มแผงด่วน" title="วิธีเพิ่มแผงด่วน"/ loading=lazy loading=lazy></a></div> <a href="https://redcomrade.ru/th/category/security/" class="td-post-category">ความปลอดภัย</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/security/google-home-na-russkom-yazyke-kak-dobavit-ekspress-panel/" rel="bookmark" title="วิธีเพิ่มแผงด่วน">วิธีเพิ่มแผงด่วน</a></h3> </div> </div> </div> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/windows-7/kak-pomenyat-chastotu-na-mashinke-na-radioupravlenii-kak-izmenit-chastotu/" rel="bookmark" title="จะเปลี่ยนความถี่ของรถบังคับวิทยุได้อย่างไร?"><img width="218" height="150" class="entry-thumb" src="/uploads/579ca754d7acf33ad5019cc61d994777.jpg" alt="จะเปลี่ยนความถี่ของรถบังคับวิทยุได้อย่างไร?" title="จะเปลี่ยนความถี่ของรถบังคับวิทยุได้อย่างไร?"/ loading=lazy loading=lazy></a></div> <a href="https://redcomrade.ru/th/category/windows-7/" class="td-post-category">วินโดวส์ 7</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/windows-7/kak-pomenyat-chastotu-na-mashinke-na-radioupravlenii-kak-izmenit-chastotu/" rel="bookmark" title="จะเปลี่ยนความถี่ของรถบังคับวิทยุได้อย่างไร?">จะเปลี่ยนความถี่ของรถบังคับวิทยุได้อย่างไร?</a></h3> </div> </div> </div> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/motherboard/po-izmenchivosti-informaciya-byvaet-ponyatie-informacii-razlichnye/" rel="bookmark" title="แนวคิดของข้อมูล การตีความต่างๆ"><img width="218" height="150" class="entry-thumb" src="/uploads/9be6a34be55360957f89e99f901cfd5a.jpg" alt="แนวคิดของข้อมูล การตีความต่างๆ" title="แนวคิดของข้อมูล การตีความต่างๆ"/ loading=lazy loading=lazy></a></div> <a href="https://redcomrade.ru/th/category/motherboard/" class="td-post-category">เมนบอร์ด</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/motherboard/po-izmenchivosti-informaciya-byvaet-ponyatie-informacii-razlichnye/" rel="bookmark" title="แนวคิดของข้อมูล การตีความต่างๆ">แนวคิดของข้อมูล การตีความต่างๆ</a></h3> </div> </div> </div> </div> <div class="td-related-row"> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/case/razdelit-listy-v-pdf-razdelenie-pdf-na-stranicy-onlain-ispolzovanie/" rel="bookmark" title="แยก PDF ออกเป็นหน้าออนไลน์"><img width="218" height="150" class="entry-thumb" src="/uploads/7f17b3c835e9e2b8a804d9a42d9f09d0.jpg" alt="แยก PDF ออกเป็นหน้าออนไลน์" title="แยก PDF ออกเป็นหน้าออนไลน์"/ loading=lazy loading=lazy></a></div> <a href="https://redcomrade.ru/th/category/case/" class="td-post-category">เรือน</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/case/razdelit-listy-v-pdf-razdelenie-pdf-na-stranicy-onlain-ispolzovanie/" rel="bookmark" title="แยก PDF ออกเป็นหน้าออนไลน์">แยก PDF ออกเป็นหน้าออนไลน์</a></h3> </div> </div> </div> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/motherboard/tehnologiya-hls-http-live-streaming-luchshie-recepty-kogda-zhe-ispolzovat-hls-dlya/" rel="bookmark" title="HTTP Live Streaming: สูตรอาหารที่ดีที่สุด"><img width="218" height="150" class="entry-thumb" src="/uploads/99049048056874811a51bc0949a7e993.jpg" alt="HTTP Live Streaming: สูตรอาหารที่ดีที่สุด" title="HTTP Live Streaming: สูตรอาหารที่ดีที่สุด"/ loading=lazy loading=lazy></a></div> <a href="https://redcomrade.ru/th/category/motherboard/" class="td-post-category">เมนบอร์ด</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/motherboard/tehnologiya-hls-http-live-streaming-luchshie-recepty-kogda-zhe-ispolzovat-hls-dlya/" rel="bookmark" title="HTTP Live Streaming: สูตรอาหารที่ดีที่สุด">HTTP Live Streaming: สูตรอาหารที่ดีที่สุด</a></h3> </div> </div> </div> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/security/gde-otobrazhaetsya-login-v-skaipe-kak-i-kakoi-sozdat-login-v-skaipe-rabochie-niki/" rel="bookmark" title="อย่างไรและสิ่งที่จะสร้างการเข้าสู่ระบบบน Skype"><img width="218" height="150" class="entry-thumb" src="/uploads/fc2ba82014da1f081e22dc66eb97600b.jpg" alt="อย่างไรและสิ่งที่จะสร้างการเข้าสู่ระบบบน Skype" title="อย่างไรและสิ่งที่จะสร้างการเข้าสู่ระบบบน Skype"/ loading=lazy loading=lazy></a></div> <a href="https://redcomrade.ru/th/category/security/" class="td-post-category">ความปลอดภัย</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/security/gde-otobrazhaetsya-login-v-skaipe-kak-i-kakoi-sozdat-login-v-skaipe-rabochie-niki/" rel="bookmark" title="อย่างไรและสิ่งที่จะสร้างการเข้าสู่ระบบบน Skype">อย่างไรและสิ่งที่จะสร้างการเข้าสู่ระบบบน Skype</a></h3> </div> </div> </div> </div> <div class="td-related-row"> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/power-supplies/kak-gde-vzyat-yuin-v-aske-kak-poluchit-novyi-uin-dlya-aski-kak/" rel="bookmark" title="วิธีรับ UIN ใหม่สำหรับ ICQ"><img width="218" height="150" class="entry-thumb" src="/uploads/dffa63dc694d0c5a6ccb0ffd017013db.jpg" alt="วิธีรับ UIN ใหม่สำหรับ ICQ" title="วิธีรับ UIN ใหม่สำหรับ ICQ"/ loading=lazy loading=lazy></a></div> <a href="https://redcomrade.ru/th/category/power-supplies/" class="td-post-category">แหล่งจ่ายไฟ</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/power-supplies/kak-gde-vzyat-yuin-v-aske-kak-poluchit-novyi-uin-dlya-aski-kak/" rel="bookmark" title="วิธีรับ UIN ใหม่สำหรับ ICQ">วิธีรับ UIN ใหม่สำหรับ ICQ</a></h3> </div> </div> </div> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/internet/pochemu-pri-podklyuchenii-pk-ne-vidit-telefon-xiaomi-xiaomi-ne-vidit/" rel="bookmark" title="Xiaomi ไม่เห็นคอมพิวเตอร์ เหตุผล วิธีแก้ไขปัญหา โทรศัพท์ไม่เห็นคอมพิวเตอร์: ตรวจสอบจากพีซี"><img width="218" height="150" class="entry-thumb" src="/uploads/e1c00a701c93e4eea99b9dfeffcace29.jpg" alt="Xiaomi ไม่เห็นคอมพิวเตอร์ เหตุผล วิธีแก้ไขปัญหา โทรศัพท์ไม่เห็นคอมพิวเตอร์: ตรวจสอบจากพีซี" title="Xiaomi ไม่เห็นคอมพิวเตอร์ เหตุผล วิธีแก้ไขปัญหา โทรศัพท์ไม่เห็นคอมพิวเตอร์: ตรวจสอบจากพีซี"/ loading=lazy loading=lazy></a></div> <a href="https://redcomrade.ru/th/category/internet/" class="td-post-category">อินเทอร์เน็ต</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/internet/pochemu-pri-podklyuchenii-pk-ne-vidit-telefon-xiaomi-xiaomi-ne-vidit/" rel="bookmark" title="Xiaomi ไม่เห็นคอมพิวเตอร์ เหตุผล วิธีแก้ไขปัญหา โทรศัพท์ไม่เห็นคอมพิวเตอร์: ตรวจสอบจากพีซี">Xiaomi ไม่เห็นคอมพิวเตอร์ เหตุผล วิธีแก้ไขปัญหา โทรศัพท์ไม่เห็นคอมพิวเตอร์: ตรวจสอบจากพีซี</a></h3> </div> </div> </div> <div class="td-related-span4"> <div class="td_module_related_posts td-animation-stack td-meta-info-hide td_mod_related_posts"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/motherboards/ustanovka-tem-na-miui-temy-iz-storonnih-istochnikov-ne-podderzhivayutsya-v/" rel="bookmark" title="“ ไม่รองรับธีมจากแหล่งบุคคลที่สาม” ใน MIUI: วิธีหลีกเลี่ยงการแบน"><img width="218" height="150" class="entry-thumb" src="/uploads/d1ea1873f631c0ebdb7447affc7590ea.jpg" alt="“ ไม่รองรับธีมจากแหล่งบุคคลที่สาม” ใน MIUI: วิธีหลีกเลี่ยงการแบน" title="“ ไม่รองรับธีมจากแหล่งบุคคลที่สาม” ใน MIUI: วิธีหลีกเลี่ยงการแบน"/ loading=lazy loading=lazy></a></div> <a href="https://redcomrade.ru/th/category/motherboards/" class="td-post-category">เมนบอร์ด</a> </div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/motherboards/ustanovka-tem-na-miui-temy-iz-storonnih-istochnikov-ne-podderzhivayutsya-v/" rel="bookmark" title="“ ไม่รองรับธีมจากแหล่งบุคคลที่สาม” ใน MIUI: วิธีหลีกเลี่ยงการแบน">“ ไม่รองรับธีมจากแหล่งบุคคลที่สาม” ใน MIUI: วิธีหลีกเลี่ยงการแบน</a></h3> </div> </div> </div> </div></div></div> </div> </div> <div class="td-pb-span4 td-main-sidebar"> <div class="td-ss-main-sidebar"> <aside class="widget �lambda_169101"> <div style="margin:10px 0"> </div> </aside> <div class="td_block_wrap td_block_1 td_block_widget td_uid_2_5a23c04f0cdc0_rand td-pb-border-top td_block_template_1 td-column-1" data-td-block-uid="td_uid_2_5a23c04f0cdc0"> <div class="td-block-title-wrap"> <h4 class="block-title"><span class="td-pulldown-size">เราขอแนะนำ</span></h4> </div> <div id=td_uid_2_5a23c04f0cdc0 class="td_block_inner"> <div class="td-block-span12"> <div class="td_module_4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/processors/kakaya-strana-proizvodit-soni-iksperiya-istoriya-kompanii-sony-zolotoi-period/" rel="bookmark" title="Sony Xperia ผลิตในประเทศใด"><img width="324" height="235" class="entry-thumb" src="/uploads/c703476d6b9da2fac2c2f3d5adbb3637.jpg" alt="Sony Xperia ผลิตในประเทศใด" title="Sony Xperia ผลิตในประเทศใด"/ loading=lazy loading=lazy></a></div> <a href="https://redcomrade.ru/th/category/processors/" class="td-post-category">โปรเซสเซอร์</a> </div> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/processors/kakaya-strana-proizvodit-soni-iksperiya-istoriya-kompanii-sony-zolotoi-period/" rel="bookmark" title="Sony Xperia ผลิตในประเทศใด">Sony Xperia ผลิตในประเทศใด</a></h3> <div class="td-module-meta-info"> </div> <div class="td-excerpt">สโลแกน: make.belive ต้นกำเนิดของบริษัทดังระดับโลกหลายแห่งนั้นมีคนสองคน คนหนึ่งเป็นวิศวกรที่มีพรสวรรค์ อีกคน...</div> </div>  </div> <div> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/other/kak-uznat-skolki-razryadnaya-windows-10-chto-takoe-razryadnost/" rel="bookmark" title="ความลึกบิตของ Windows คืออะไร"><img width="100" height="70" class="entry-thumb" src="/uploads/558e22bf18372f6dc54a0fba6735ec1c.jpg" alt="ความลึกบิตของ Windows คืออะไร" title="ความลึกบิตของ Windows คืออะไร"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/other/kak-uznat-skolki-razryadnaya-windows-10-chto-takoe-razryadnost/" rel="bookmark" title="ความลึกบิตของ Windows คืออะไร">ความลึกบิตของ Windows คืออะไร</a></h3> <div class="td-module-meta-info"> <a href="https://redcomrade.ru/th/category/other/" class="td-post-category">อื่น</a> </div> </div> </div> </div> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/processors/avtomatizaciya-s-poster-effektivnoe-reshenie-dlya-malogo-i-srednego-biznesa-poster/" rel="bookmark" title="โปสเตอร์บัญชีมืออาชีพ ราคาและการติดตั้ง"><img width="100" height="70" class="entry-thumb" src="/uploads/aaa288d7b622e1b8986f13d86aef40cc.jpg" alt="โปสเตอร์บัญชีมืออาชีพ ราคาและการติดตั้ง" title="โปสเตอร์บัญชีมืออาชีพ ราคาและการติดตั้ง"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/processors/avtomatizaciya-s-poster-effektivnoe-reshenie-dlya-malogo-i-srednego-biznesa-poster/" rel="bookmark" title="โปสเตอร์บัญชีมืออาชีพ ราคาและการติดตั้ง">โปสเตอร์บัญชีมืออาชีพ ราคาและการติดตั้ง</a></h3> <div class="td-module-meta-info"> <a href="https://redcomrade.ru/th/category/processors/" class="td-post-category">โปรเซสเซอร์</a> </div> </div> </div> </div> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/windows-7/luchshie-naushniki-s-aliexpress-luchshie-besprovodnye-bluetooth-naushniki-iz-kitaya-luchshie/" rel="bookmark" title="หูฟัง Bluetooth ไร้สายที่ดีที่สุดจากจีน หูฟังราคาถูกที่ดีที่สุดจาก aliexpress"><img width="100" height="70" class="entry-thumb" src="/uploads/9d65a3e7dc933943f1423500e22dccc4.jpg" alt="หูฟัง Bluetooth ไร้สายที่ดีที่สุดจากจีน หูฟังราคาถูกที่ดีที่สุดจาก aliexpress" title="หูฟัง Bluetooth ไร้สายที่ดีที่สุดจากจีน หูฟังราคาถูกที่ดีที่สุดจาก aliexpress"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/windows-7/luchshie-naushniki-s-aliexpress-luchshie-besprovodnye-bluetooth-naushniki-iz-kitaya-luchshie/" rel="bookmark" title="หูฟัง Bluetooth ไร้สายที่ดีที่สุดจากจีน หูฟังราคาถูกที่ดีที่สุดจาก aliexpress">หูฟัง Bluetooth ไร้สายที่ดีที่สุดจากจีน หูฟังราคาถูกที่ดีที่สุดจาก aliexpress</a></h3> <div class="td-module-meta-info"> <a href="https://redcomrade.ru/th/category/windows-7/" class="td-post-category">วินโดวส์ 7</a> </div> </div> </div> </div> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/monitors/otkryvaem-faily-cdw-chto-takoe-rasshirenie-faila-cwd-cdw-chem-otkryt/" rel="bookmark" title="ไฟล์นามสกุล CWD คืออะไร?"><img width="100" height="70" class="entry-thumb" src="/uploads/298acbeaa04bf3190e19904e89d44315.jpg" alt="ไฟล์นามสกุล CWD คืออะไร?" title="ไฟล์นามสกุล CWD คืออะไร?"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/monitors/otkryvaem-faily-cdw-chto-takoe-rasshirenie-faila-cwd-cdw-chem-otkryt/" rel="bookmark" title="ไฟล์นามสกุล CWD คืออะไร?">ไฟล์นามสกุล CWD คืออะไร?</a></h3> <div class="td-module-meta-info"> <a href="https://redcomrade.ru/th/category/monitors/" class="td-post-category">จอภาพ</a> </div> </div> </div> </div> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/windows-8/kak-zapisat-faily-na-disk-kak-zapisat-faily-na-disk-sozdanie/" rel="bookmark" title="วิธีเบิร์นไฟล์ลงดิสก์ การสร้างสำเนาสำรอง"><img width="100" height="70" class="entry-thumb" src="/uploads/8145e1c728ecc80978ed69b0dd9a777f.jpg" alt="วิธีเบิร์นไฟล์ลงดิสก์ การสร้างสำเนาสำรอง" title="วิธีเบิร์นไฟล์ลงดิสก์ การสร้างสำเนาสำรอง"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/windows-8/kak-zapisat-faily-na-disk-kak-zapisat-faily-na-disk-sozdanie/" rel="bookmark" title="วิธีเบิร์นไฟล์ลงดิสก์ การสร้างสำเนาสำรอง">วิธีเบิร์นไฟล์ลงดิสก์ การสร้างสำเนาสำรอง</a></h3> <div class="td-module-meta-info"> <a href="https://redcomrade.ru/th/category/windows-8/" class="td-post-category">วินโดวส์ 8</a> </div> </div> </div> </div> <div class="td-block-span12"> <div class="td_module_6 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/graphics-card/pk-32-bitnaya-sistema-razryadnosti-processorov-i-operacionnyh/" rel="bookmark" title="ขนาดบิตของโปรเซสเซอร์และระบบปฏิบัติการ"><img width="100" height="70" class="entry-thumb" src="/uploads/f816b3804abf77ea309a27988dfb26a7.jpg" alt="ขนาดบิตของโปรเซสเซอร์และระบบปฏิบัติการ" title="ขนาดบิตของโปรเซสเซอร์และระบบปฏิบัติการ"/ loading=lazy loading=lazy></a></div> <div class="item-details"> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/graphics-card/pk-32-bitnaya-sistema-razryadnosti-processorov-i-operacionnyh/" rel="bookmark" title="ขนาดบิตของโปรเซสเซอร์และระบบปฏิบัติการ">ขนาดบิตของโปรเซสเซอร์และระบบปฏิบัติการ</a></h3> <div class="td-module-meta-info"> <a href="https://redcomrade.ru/th/category/graphics-card/" class="td-post-category">การ์ดแสดงผล</a> </div> </div> </div> </div> </div> </div> </div> <aside class="widget_text td_block_template_1 widget widget_custom_html"> <div class="textwidget custom-html-widget"> </div> </aside> </div> </div> </div> </div> </div> <div class="td-footer-wrapper td-container-wrap "> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span12"> </div> </div> <div class="td-pb-row"> <div class="td-pb-span4"> <div class="td_block_wrap td_block_15 td_block_widget td_uid_11_5a23980e76adb_rand td-pb-border-top td_block_template_1 td-column-1 td_block_padding" data-td-block-uid="td_uid_11_5a23980e76adb" > <div class="td-block-title-wrap"></div><div id=td_uid_11_5a23980e76adb class="td_block_inner td-column-1"><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/other/nastroika-tipovyh-i-vneshnih-otchetov-nastroika-tipovyh-i/" rel="bookmark" title="การตั้งค่ารายงานมาตรฐานและรายงานภายนอก การบันทึกการตั้งค่ารายงาน"><img width="218" height="150" class="entry-thumb" src="/uploads/54a5639a0838c8ee7ae85746ce732363.jpg" alt="การตั้งค่ารายงานมาตรฐานและรายงานภายนอก การบันทึกการตั้งค่ารายงาน" title="การตั้งค่ารายงานมาตรฐานและรายงานภายนอก การบันทึกการตั้งค่ารายงาน"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/other/nastroika-tipovyh-i-vneshnih-otchetov-nastroika-tipovyh-i/" rel="bookmark" title="การตั้งค่ารายงานมาตรฐานและรายงานภายนอก การบันทึกการตั้งค่ารายงาน">การตั้งค่ารายงานมาตรฐานและรายงานภายนอก การบันทึกการตั้งค่ารายงาน</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/graphics-card/windows-7-ustanovka-rezhime-sovmestimosti-reshenie-problem-sovmestimosti-programm/" rel="bookmark" title="การแก้ปัญหาความเข้ากันได้ของโปรแกรม"><img width="218" height="150" class="entry-thumb" src="/uploads/2358577d09b75b49d2ad6aa709047d39.jpg" alt="การแก้ปัญหาความเข้ากันได้ของโปรแกรม" title="การแก้ปัญหาความเข้ากันได้ของโปรแกรม"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/graphics-card/windows-7-ustanovka-rezhime-sovmestimosti-reshenie-problem-sovmestimosti-programm/" rel="bookmark" title="การแก้ปัญหาความเข้ากันได้ของโปรแกรม">การแก้ปัญหาความเข้ากันได้ของโปรแกรม</a></h3> </div> </div> </div><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/internet/vse-draivera-wifi-skachivanie-i-ustanovka-draivera-dlya-wi-fi-adaptera-draiver-est/" rel="bookmark" title="การดาวน์โหลดและติดตั้งไดรเวอร์สำหรับอแด็ปเตอร์ Wi-Fi"><img width="218" height="150" class="entry-thumb" src="/uploads/2bec1fac06554fbe87b96e0e604309f6.jpg" alt="การดาวน์โหลดและติดตั้งไดรเวอร์สำหรับอแด็ปเตอร์ Wi-Fi" title="การดาวน์โหลดและติดตั้งไดรเวอร์สำหรับอแด็ปเตอร์ Wi-Fi"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/internet/vse-draivera-wifi-skachivanie-i-ustanovka-draivera-dlya-wi-fi-adaptera-draiver-est/" rel="bookmark" title="การดาวน์โหลดและติดตั้งไดรเวอร์สำหรับอแด็ปเตอร์ Wi-Fi">การดาวน์โหลดและติดตั้งไดรเวอร์สำหรับอแด็ปเตอร์ Wi-Fi</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/winchesters/proshivka-android-samsung-s-pomoshchyu-odin-obnovlenie-proshivki/" rel="bookmark" title="กำลังอัพเดตเฟิร์มแวร์สำหรับสมาร์ทโฟน Samsung Galaxy กำลังเตรียมเฟิร์มแวร์"><img width="218" height="150" class="entry-thumb" src="/uploads/611c236f35f0454069026f9310109c7c.jpg" alt="กำลังอัพเดตเฟิร์มแวร์สำหรับสมาร์ทโฟน Samsung Galaxy กำลังเตรียมเฟิร์มแวร์" title="กำลังอัพเดตเฟิร์มแวร์สำหรับสมาร์ทโฟน Samsung Galaxy กำลังเตรียมเฟิร์มแวร์"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/winchesters/proshivka-android-samsung-s-pomoshchyu-odin-obnovlenie-proshivki/" rel="bookmark" title="กำลังอัพเดตเฟิร์มแวร์สำหรับสมาร์ทโฟน Samsung Galaxy กำลังเตรียมเฟิร์มแวร์">กำลังอัพเดตเฟิร์มแวร์สำหรับสมาร์ทโฟน Samsung Galaxy กำลังเตรียมเฟิร์มแวร์</a></h3> </div> </div> </div><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/security/google-home-na-russkom-yazyke-kak-dobavit-ekspress-panel/" rel="bookmark" title="วิธีเพิ่มแผงด่วน"><img width="218" height="150" class="entry-thumb" src="/uploads/d5329a9ee28a3e6e5ed3334b61876278.jpg" alt="วิธีเพิ่มแผงด่วน" title="วิธีเพิ่มแผงด่วน"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/security/google-home-na-russkom-yazyke-kak-dobavit-ekspress-panel/" rel="bookmark" title="วิธีเพิ่มแผงด่วน">วิธีเพิ่มแผงด่วน</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/windows-7/kak-pomenyat-chastotu-na-mashinke-na-radioupravlenii-kak-izmenit-chastotu/" rel="bookmark" title="จะเปลี่ยนความถี่ของรถบังคับวิทยุได้อย่างไร?"><img width="218" height="150" class="entry-thumb" src="/uploads/579ca754d7acf33ad5019cc61d994777.jpg" alt="จะเปลี่ยนความถี่ของรถบังคับวิทยุได้อย่างไร?" title="จะเปลี่ยนความถี่ของรถบังคับวิทยุได้อย่างไร?"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/windows-7/kak-pomenyat-chastotu-na-mashinke-na-radioupravlenii-kak-izmenit-chastotu/" rel="bookmark" title="จะเปลี่ยนความถี่ของรถบังคับวิทยุได้อย่างไร?">จะเปลี่ยนความถี่ของรถบังคับวิทยุได้อย่างไร?</a></h3> </div> </div> </div></div></div> <div class="clearfix"></div> </div> <div class="td-pb-span4"> <div class="td_block_wrap td_block_15 td_block_widget td_uid_12_5a23980e79990_rand td-pb-border-top td_block_template_1 td-column-1 td_block_padding" data-td-block-uid="td_uid_12_5a23980e79990" > <div class="td-block-title-wrap"></div><div id=td_uid_12_5a23980e79990 class="td_block_inner td-column-1"><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/motherboard/po-izmenchivosti-informaciya-byvaet-ponyatie-informacii-razlichnye/" rel="bookmark" title="แนวคิดของข้อมูล การตีความต่างๆ"><img width="218" height="150" class="entry-thumb" src="/uploads/9be6a34be55360957f89e99f901cfd5a.jpg" alt="แนวคิดของข้อมูล การตีความต่างๆ" title="แนวคิดของข้อมูล การตีความต่างๆ"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/motherboard/po-izmenchivosti-informaciya-byvaet-ponyatie-informacii-razlichnye/" rel="bookmark" title="แนวคิดของข้อมูล การตีความต่างๆ">แนวคิดของข้อมูล การตีความต่างๆ</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/case/razdelit-listy-v-pdf-razdelenie-pdf-na-stranicy-onlain-ispolzovanie/" rel="bookmark" title="แยก PDF ออกเป็นหน้าออนไลน์"><img width="218" height="150" class="entry-thumb" src="/uploads/7f17b3c835e9e2b8a804d9a42d9f09d0.jpg" alt="แยก PDF ออกเป็นหน้าออนไลน์" title="แยก PDF ออกเป็นหน้าออนไลน์"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/case/razdelit-listy-v-pdf-razdelenie-pdf-na-stranicy-onlain-ispolzovanie/" rel="bookmark" title="แยก PDF ออกเป็นหน้าออนไลน์">แยก PDF ออกเป็นหน้าออนไลน์</a></h3> </div> </div> </div><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/motherboard/tehnologiya-hls-http-live-streaming-luchshie-recepty-kogda-zhe-ispolzovat-hls-dlya/" rel="bookmark" title="HTTP Live Streaming: สูตรอาหารที่ดีที่สุด"><img width="218" height="150" class="entry-thumb" src="/uploads/99049048056874811a51bc0949a7e993.jpg" alt="HTTP Live Streaming: สูตรอาหารที่ดีที่สุด" title="HTTP Live Streaming: สูตรอาหารที่ดีที่สุด"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/motherboard/tehnologiya-hls-http-live-streaming-luchshie-recepty-kogda-zhe-ispolzovat-hls-dlya/" rel="bookmark" title="HTTP Live Streaming: สูตรอาหารที่ดีที่สุด">HTTP Live Streaming: สูตรอาหารที่ดีที่สุด</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/security/gde-otobrazhaetsya-login-v-skaipe-kak-i-kakoi-sozdat-login-v-skaipe-rabochie-niki/" rel="bookmark" title="อย่างไรและสิ่งที่จะสร้างการเข้าสู่ระบบบน Skype"><img width="218" height="150" class="entry-thumb" src="/uploads/fc2ba82014da1f081e22dc66eb97600b.jpg" alt="อย่างไรและสิ่งที่จะสร้างการเข้าสู่ระบบบน Skype" title="อย่างไรและสิ่งที่จะสร้างการเข้าสู่ระบบบน Skype"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/security/gde-otobrazhaetsya-login-v-skaipe-kak-i-kakoi-sozdat-login-v-skaipe-rabochie-niki/" rel="bookmark" title="อย่างไรและสิ่งที่จะสร้างการเข้าสู่ระบบบน Skype">อย่างไรและสิ่งที่จะสร้างการเข้าสู่ระบบบน Skype</a></h3> </div> </div> </div><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/power-supplies/kak-gde-vzyat-yuin-v-aske-kak-poluchit-novyi-uin-dlya-aski-kak/" rel="bookmark" title="วิธีรับ UIN ใหม่สำหรับ ICQ"><img width="218" height="150" class="entry-thumb" src="/uploads/dffa63dc694d0c5a6ccb0ffd017013db.jpg" alt="วิธีรับ UIN ใหม่สำหรับ ICQ" title="วิธีรับ UIN ใหม่สำหรับ ICQ"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/power-supplies/kak-gde-vzyat-yuin-v-aske-kak-poluchit-novyi-uin-dlya-aski-kak/" rel="bookmark" title="วิธีรับ UIN ใหม่สำหรับ ICQ">วิธีรับ UIN ใหม่สำหรับ ICQ</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/internet/pochemu-pri-podklyuchenii-pk-ne-vidit-telefon-xiaomi-xiaomi-ne-vidit/" rel="bookmark" title="Xiaomi ไม่เห็นคอมพิวเตอร์ เหตุผล วิธีแก้ไขปัญหา โทรศัพท์ไม่เห็นคอมพิวเตอร์: ตรวจสอบจากพีซี"><img width="218" height="150" class="entry-thumb" src="/uploads/e1c00a701c93e4eea99b9dfeffcace29.jpg" alt="Xiaomi ไม่เห็นคอมพิวเตอร์ เหตุผล วิธีแก้ไขปัญหา โทรศัพท์ไม่เห็นคอมพิวเตอร์: ตรวจสอบจากพีซี" title="Xiaomi ไม่เห็นคอมพิวเตอร์ เหตุผล วิธีแก้ไขปัญหา โทรศัพท์ไม่เห็นคอมพิวเตอร์: ตรวจสอบจากพีซี"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/internet/pochemu-pri-podklyuchenii-pk-ne-vidit-telefon-xiaomi-xiaomi-ne-vidit/" rel="bookmark" title="Xiaomi ไม่เห็นคอมพิวเตอร์ เหตุผล วิธีแก้ไขปัญหา โทรศัพท์ไม่เห็นคอมพิวเตอร์: ตรวจสอบจากพีซี">Xiaomi ไม่เห็นคอมพิวเตอร์ เหตุผล วิธีแก้ไขปัญหา โทรศัพท์ไม่เห็นคอมพิวเตอร์: ตรวจสอบจากพีซี</a></h3> </div> </div> </div></div></div> <div class="clearfix"></div> </div> <div class="td-pb-span4"> <div class="td_block_wrap td_block_15 td_block_widget td_uid_13_5a23980e7caa8_rand td-pb-border-top td_block_template_1 td-column-1 td_block_padding" data-td-block-uid="td_uid_13_5a23980e7caa8" > <div class="td-block-title-wrap"></div><div id=td_uid_13_5a23980e7caa8 class="td_block_inner td-column-1"><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/motherboards/ustanovka-tem-na-miui-temy-iz-storonnih-istochnikov-ne-podderzhivayutsya-v/" rel="bookmark" title="“ ไม่รองรับธีมจากแหล่งบุคคลที่สาม” ใน MIUI: วิธีหลีกเลี่ยงการแบน"><img width="218" height="150" class="entry-thumb" src="/uploads/d1ea1873f631c0ebdb7447affc7590ea.jpg" alt="“ ไม่รองรับธีมจากแหล่งบุคคลที่สาม” ใน MIUI: วิธีหลีกเลี่ยงการแบน" title="“ ไม่รองรับธีมจากแหล่งบุคคลที่สาม” ใน MIUI: วิธีหลีกเลี่ยงการแบน"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/motherboards/ustanovka-tem-na-miui-temy-iz-storonnih-istochnikov-ne-podderzhivayutsya-v/" rel="bookmark" title="“ ไม่รองรับธีมจากแหล่งบุคคลที่สาม” ใน MIUI: วิธีหลีกเลี่ยงการแบน">“ ไม่รองรับธีมจากแหล่งบุคคลที่สาม” ใน MIUI: วิธีหลีกเลี่ยงการแบน</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/processors/kakaya-strana-proizvodit-soni-iksperiya-istoriya-kompanii-sony-zolotoi-period/" rel="bookmark" title="Sony Xperia ผลิตในประเทศใด"><img width="218" height="150" class="entry-thumb" src="/uploads/22d10576783defe30b3631a52e84a679.jpg" alt="Sony Xperia ผลิตในประเทศใด" title="Sony Xperia ผลิตในประเทศใด"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/processors/kakaya-strana-proizvodit-soni-iksperiya-istoriya-kompanii-sony-zolotoi-period/" rel="bookmark" title="Sony Xperia ผลิตในประเทศใด">Sony Xperia ผลิตในประเทศใด</a></h3> </div> </div> </div><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/other/kak-uznat-skolki-razryadnaya-windows-10-chto-takoe-razryadnost/" rel="bookmark" title="ความลึกบิตของ Windows คืออะไร"><img width="218" height="150" class="entry-thumb" src="/uploads/344be8009a2d9eb7a8e5d46543aa0e47.jpg" alt="ความลึกบิตของ Windows คืออะไร" title="ความลึกบิตของ Windows คืออะไร"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/other/kak-uznat-skolki-razryadnaya-windows-10-chto-takoe-razryadnost/" rel="bookmark" title="ความลึกบิตของ Windows คืออะไร">ความลึกบิตของ Windows คืออะไร</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/processors/avtomatizaciya-s-poster-effektivnoe-reshenie-dlya-malogo-i-srednego-biznesa-poster/" rel="bookmark" title="โปสเตอร์บัญชีมืออาชีพ ราคาและการติดตั้ง"><img width="218" height="150" class="entry-thumb" src="/uploads/787a328ede9bada13659be671e29ae22.jpg" alt="โปสเตอร์บัญชีมืออาชีพ ราคาและการติดตั้ง" title="โปสเตอร์บัญชีมืออาชีพ ราคาและการติดตั้ง"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/processors/avtomatizaciya-s-poster-effektivnoe-reshenie-dlya-malogo-i-srednego-biznesa-poster/" rel="bookmark" title="โปสเตอร์บัญชีมืออาชีพ ราคาและการติดตั้ง">โปสเตอร์บัญชีมืออาชีพ ราคาและการติดตั้ง</a></h3> </div> </div> </div><div class="td-cust-row"> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/windows-7/luchshie-naushniki-s-aliexpress-luchshie-besprovodnye-bluetooth-naushniki-iz-kitaya-luchshie/" rel="bookmark" title="หูฟัง Bluetooth ไร้สายที่ดีที่สุดจากจีน หูฟังราคาถูกที่ดีที่สุดจาก aliexpress"><img width="218" height="150" class="entry-thumb" src="/uploads/ca302af2ac8b8ba888132a90f0d669b0.jpg" alt="หูฟัง Bluetooth ไร้สายที่ดีที่สุดจากจีน หูฟังราคาถูกที่ดีที่สุดจาก aliexpress" title="หูฟัง Bluetooth ไร้สายที่ดีที่สุดจากจีน หูฟังราคาถูกที่ดีที่สุดจาก aliexpress"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/windows-7/luchshie-naushniki-s-aliexpress-luchshie-besprovodnye-bluetooth-naushniki-iz-kitaya-luchshie/" rel="bookmark" title="หูฟัง Bluetooth ไร้สายที่ดีที่สุดจากจีน หูฟังราคาถูกที่ดีที่สุดจาก aliexpress">หูฟัง Bluetooth ไร้สายที่ดีที่สุดจากจีน หูฟังราคาถูกที่ดีที่สุดจาก aliexpress</a></h3> </div> </div> <div class="td-block-span12"> <div class="td_module_mx4 td_module_wrap td-animation-stack td-meta-info-hide"> <div class="td-module-image"> <div class="td-module-thumb"><a href="https://redcomrade.ru/th/monitors/otkryvaem-faily-cdw-chto-takoe-rasshirenie-faila-cwd-cdw-chem-otkryt/" rel="bookmark" title="ไฟล์นามสกุล CWD คืออะไร?"><img width="218" height="150" class="entry-thumb" src="/uploads/ab6af9869e684e98cbe29e95b56a2f7b.jpg" alt="ไฟล์นามสกุล CWD คืออะไร?" title="ไฟล์นามสกุล CWD คืออะไร?"/ loading=lazy loading=lazy></a></div> <a href="" class="td-post-category"></a> </div> <h3 class="entry-title td-module-title"><a href="https://redcomrade.ru/th/monitors/otkryvaem-faily-cdw-chto-takoe-rasshirenie-faila-cwd-cdw-chem-otkryt/" rel="bookmark" title="ไฟล์นามสกุล CWD คืออะไร?">ไฟล์นามสกุล CWD คืออะไร?</a></h3> </div> </div> </div></div></div> <div class="clearfix"></div><aside class="td_block_template_1 widget widget_text"> <div class="textwidget"> </div> </aside><aside class="td_block_template_1 widget widget_text"> <div class="textwidget"> </div> </aside> </div> </div> </div> </div> <div class="td-sub-footer-container td-container-wrap "> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span td-sub-footer-menu"> </div> <div class="td-pb-span td-sub-footer-copy">ลิขสิทธิ์ 2024 - ซ่อมคอมพิวเตอร์และแล็ปท็อป การ์ดแสดงผล, ฮาร์ดไดรฟ์, อินเทอร์เน็ต, จอภาพ</div> </div> </div> </div> </div> <style type="text/css" media="screen"> /* custom css theme panel */ .td-post-header .entry-title { font-weight: normal !important; } h1.entry-title { font-weight: normal !important; border-bottom:#c44c4c 2px dotted; } h1.entry-title:before { content: "\f184"; font-family: "FontAwesome"; margin-right:10px; color:#c44c4c; } .sf-menu ul .td-menu-item > a:hover, .sf-menu ul .sfHover > a, .sf-menu ul .current-menu-ancestor > a, .sf-menu ul .current-category-ancestor > a, .sf-menu ul .current-menu-item > a { color: #edf3f7; } .td-post-content h2 { border-bottom:#c44c4c 2px dotted;} .td-post-content h2:before { content: "\f184"; font-family: "FontAwesome"; margin-right:10px; color:#c44c4c; } .td-post-content h3 { border-bottom:#c44c4c 2px dotted;} .td-post-content h3:before { content: "\f103"; font-family: "FontAwesome"; margin-right:10px; color:#c44c4c; } .category-my .td-page-title { color:#c44c4c; font-weight: 400; font-size: 36px; } .post header .entry-title { line-height: 40px; } .td-category-description h2, .td-category-description h3 { color:#c44c4c;} .td-category-description h2 { border-bottom:#c44c4c 2px solid;} .td-category-description h2:before { content: "\f055"; font-family: "FontAwesome"; margin-right:10px; color:#c44c4c; } .td-category-description h3 { border-bottom:#c44c4c 2px solid;} .td-category-description h3:before { content: "\f103"; font-family: "FontAwesome"; margin-right:10px; color:#c44c4c; } .td-category-description ol, .td-category-description ul { margin-top:20px !important; margin-bottom:20px !important;} .td-category-description ul, .td-post-content ul { padding:0; margin:0; list-style:none; clear:both;} .td-category-description ul li, .td-post-content ul li { padding:0 0 0 15px; margin:0 0 10px 35px; position:relative;} .td-category-description ul li:before, .td-post-content ul li:before { content: "\f192"; font-family: "FontAwesome"; color:#c44c4c; position:absolute; left:-10px;} .td-category-description ol, .td-post-content ol { padding:0; margin:0 0 0 5px; list-style:none; counter-reset: lipoint; clear:both;} .td-category-description ol li, .td-post-content ol li { padding:0 0 0 15px; margin:0 0 10px 35px; position:relative;} .td-category-description ol li:before, .td-post-content ol li:before { content: counter(lipoint); counter-increment: lipoint; color:#fff; position:absolute; left:-16px; background:#c44c4c; width:20px; height:20px; line-height:20px; text-align:center; -webkit-border-radius: 20px;border-radius: 20px; font-size:12px; top:3px;} .toc_list li:before { display:none} .td-header-style-9 .td-header-menu-wrap-full { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c44c4c+0,c10000+100 */ background: #c44c4c; /* Old browsers */ background: -moz-linear-gradient(top, #c44c4c 0%, #c10000 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #c44c4c 0%,#c10000 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #c44c4c 0%,#c10000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c44c4c', endColorstr='#c10000',GradientType=0 ); /* IE6-9 */ } .sf-menu > li > a { color: #fff; } .td-header-style-9 .header-search-wrap .td-icon-search { color: #fff; } .td-affix a { color:#000 !important;} </style> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = { "smooth_scroll":"1"} ; /* ]]> */ </script> <script type='text/javascript' src='https://redcomrade.ru/wp-content/plugins/table-of-contents-plus/front.min.js'></script> <script type='text/javascript' src='https://redcomrade.ru/wp-content/plugins/wp-postratings/js/postratings-js.js'></script> <script type='text/javascript' src='https://redcomrade.ru/wp-content/themes/Newspaper/js/tagdiv_theme.js'></script> <script type='text/javascript' src='/wp-includes/js/comment-reply.min.js'></script> <script type='text/javascript'> /* <![CDATA[ */ var boxzilla_options = { "testMode":"","boxes":[]} ; /* ]]> */ </script> <script type='text/javascript' src='https://redcomrade.ru/wp-content/plugins/boxzilla/assets/js/script.min.js'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js'></script> <script type='text/javascript' src='https://redcomrade.ru/wp-content/plugins/simple-lightbox/client/js/prod/lib.core.js'></script> <script type='text/javascript' src='https://redcomrade.ru/wp-content/plugins/simple-lightbox/client/js/prod/lib.view.js'></script> <script type='text/javascript' src='https://redcomrade.ru/wp-content/plugins/simple-lightbox/themes/baseline/js/prod/client.js'></script> <script type='text/javascript' src='/assets/client1.js'></script> <script type='text/javascript' src='https://redcomrade.ru/wp-content/plugins/simple-lightbox/template-tags/item/js/prod/tag.item.js'></script> <script type='text/javascript' src='https://redcomrade.ru/wp-content/plugins/simple-lightbox/template-tags/ui/js/prod/tag.ui.js'></script> <script type='text/javascript' src='https://redcomrade.ru/wp-content/plugins/simple-lightbox/content-handlers/image/js/prod/handler.image.js'></script> <script> (function(){ var html_jquery_obj = jQuery('html'); if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) { var path = '/wp-content/themes/Newspaper/style.css'; jQuery.get(path, function(data) { var str_split_separator = '#td_css_split_separator'; var arr_splits = data.split(str_split_separator); var arr_length = arr_splits.length; if (arr_length > 1) { var dir_path = '/wp-content/themes/Newspaper'; var splited_css = ''; for (var i = 0; i < arr_length; i++) { if (i > 0) { arr_splits[i] = str_split_separator + ' ' + arr_splits[i]; } //jQuery('head').append('<style>' + arr_splits[i] + '</style>'); var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) { return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm,''); } ); splited_css += "<style>" + formated_str + "</style>"; } var td_theme_css = jQuery('link#td-theme-css'); if (td_theme_css.length) { td_theme_css.after(splited_css); } } } ); } } )(); </script> <script type="text/javascript">  </script><br> <br> </body> </html>

ความลับของฉัน

1. การแปลงข้อความ: คุณสมบัติการแปลงข้อความ

2. การจัดการช่องว่างและการขึ้นบรรทัดใหม่: คุณสมบัติช่องว่าง

3. การตั้งค่าแท็บ: คุณสมบัติขนาดแท็บ