หน้าแรก
หน้าแรก
คุณสมบัติกฎคอลัมน์แบบหลายคอลัมน์ใช้เพื่อระบุจำนวนกฎ คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้คุณสมบัติ column-rule ใน CSS3 - ตัวอย่าง <html> <head> <style> .multi { /* Colu
คุณสมบัติการเติมคอลัมน์แบบหลายคอลัมน์ CSS3 ใช้เพื่อตัดสินใจว่าจะเติมคอลัมน์อย่างไร ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้คุณสมบัติการเติมคอลัมน์ − <html> <head> <style> .multi { &nb
คุณสมบัติช่องว่างคอลัมน์แบบหลายคอลัมน์ใช้เพื่อกำหนดช่องว่างระหว่างคอลัมน์ ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้คุณสมบัติ column-gap <html> <head> <style> .multi { &nb
คุณสมบัติสีกฎแบบหลายคอลัมน์ใช้เพื่อระบุสีกฎของคอลัมน์ คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้คุณสมบัติ rule-color ใน CSS3 - ตัวอย่าง <html> <head> <style> .multi { /* Colu
คุณสมบัติช่วงคอลัมน์ใช้เพื่อระบุช่วงระหว่างคอลัมน์ คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้คุณสมบัติช่วงคอลัมน์โดยใช้ CSS - ตัวอย่าง <html> <head> <style> .multi { /* Column count property */ -webkit-column-count: 4; &
ใช้วิธี translate(x,y) เพื่อแปลงองค์ประกอบพร้อมกับแกน x และแกน y ให้เราดูไวยากรณ์ translate(x,y) โดยที่ x คือความยาวแทนพิกัด x ของเวกเตอร์ที่แปล y คือความยาวแทนพิกัดของเวกเตอร์ที่แปล มาดูตัวอย่างกัน div { width: 50px; height: 50px; background-color: orange;
ใช้วิธี translateX(n) เพื่อแปลงองค์ประกอบพร้อมกับแกน x ให้เราดูไวยากรณ์ translateX(n) โดยที่ n คือความยาวแทน abscissa ของเวกเตอร์ที่แปล มาดูตัวอย่างกัน div { width: 50px; height: 50px; background-color: black; } .trans { transform: translateX(20
ใช้เพื่อแปลวิธี Y(n) เพื่อแปลงองค์ประกอบพร้อมกับแกน y ให้เราดูไวยากรณ์: translateY(n) โดยที่ n คือความยาวแทน abscissa ของเวกเตอร์ที่แปล ตัวอย่าง เรามาดูตัวอย่างกัน − div { width: 50px; height: 50px; background-color: black; } .trans { transform:
ใช้เมธอด scaleX() เพื่อเปลี่ยนความกว้างขององค์ประกอบด้วย CSS ให้เราดูไวยากรณ์ − scaleX(n); โดยที่ n คือตัวเลขที่แทนตัวคูณมาตราส่วน มาดูตัวอย่างกัน div { width: 40px; height: 50px; background-color: black; } .myScaled { transform: scaleX(0.9); &n
ใช้เมธอด scaleY() เพื่อเปลี่ยนความสูงขององค์ประกอบด้วย CSS ให้เราดูไวยากรณ์ − scaleY(n); โดยที่ n คือตัวเลขที่แทนตัวคูณมาตราส่วน เรามาดูตัวอย่างกัน − div { width: 40px; height: 50px; background-color: black; } .myScaled { transform: scaleY(0.9);
ใช้เมธอด scale() เพื่อเปลี่ยนความกว้างและความสูงขององค์ประกอบด้วย CSS ให้เราดูไวยากรณ์ − scale(x,y); ในที่นี้ x คือตัวเลขที่แสดง abscissa ของเวกเตอร์มาตราส่วน y คือตัวเลขที่แสดงพิกัดของเวกเตอร์มาตราส่วน เรามาดูตัวอย่างกัน − div { width: 40px; height: 50px;
ให้เราเรียนรู้วิธีหมุนองค์ประกอบตามมุม ตัวอย่าง <html> <head> <style> div { width: 300px; height: 100px; &nbs
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้การแปลงแบบเอียงร่วมกับแกน x โดยใช้ CSS - ตัวอย่าง <html> <head> <style> div { width: 300px;
คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อกำหนดการแปลงแบบเอียงพร้อมกับแกน y โดยใช้ CSS - ตัวอย่าง <html> <head> <style> div { width: 300px; &n
คีย์เฟรมควบคุมขั้นตอนของแอนิเมชั่นระดับกลางใน CSS3 เรามาดูตัวอย่างการแสดงความสูง ความกว้าง สี ชื่อ และระยะเวลาของแอนิเมชั่นพร้อมไวยากรณ์คีย์เฟรม @keyframes animation { from {background-color: pink;} to {background-color: green;} } div { width: 100px; &n
คุณสมบัติ text-overflow ใช้เพื่อกำหนดว่าเนื้อหาที่ล้นที่ไม่ได้แสดงนั้นส่งสัญญาณไปยังผู้ใช้ด้วย CSS อย่างไร ตัวอย่าง คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้คุณสมบัติ text-overflow ใน CSS: <html> <head> <style> p.t
ใช้คุณสมบัติตัวแบ่งคำเพื่อแบ่งบรรทัดตามคำที่มี CSS คุณสามารถลองเรียกใช้รหัสต่อไปนี้เพื่อใช้คุณสมบัติตัวแบ่งคำใน CSS - ตัวอย่าง <html> <head> <style> p.text1 { width: 140px
ใช้คุณสมบัติ word-wrap เพื่อตัดบรรทัดและตัดในบรรทัดถัดไป คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อใช้คุณสมบัติ word-wrap ใน CSS ตัวอย่าง <!DOCTYPE html> <html> <head> <style> div { &nb
แบบอักษรเว็บใช้เพื่ออนุญาตแบบอักษรใน CSS ซึ่งไม่ได้ติดตั้งบนระบบโลคัล ตัวอย่าง รหัสต่อไปนี้แสดงตัวอย่างรหัสของแบบอักษร: <html> <head> <style> @font-face { font-family: my
การแปลง 2D ใช้เพื่อเปลี่ยนโครงสร้างองค์ประกอบใหม่เป็นการแปล หมุน ปรับขนาด และเอียง ตารางต่อไปนี้มีค่าทั่วไปที่ใช้ในการแปลง 2D S.No ค่า &คำอธิบาย 1 เมทริกซ์(n,n,n,n,n,n) ใช้เพื่อกำหนดการแปลงเมทริกซ์ด้วยค่าหกค่า 2 แปล(x,y) ใช้เพื่อแปลงองค์ประกอบพร้อมกับแกน x และแกน y 3 แปลX(n) ใช