{"id":33767,"date":"2013-08-02T19:33:30","date_gmt":"2013-08-02T12:33:30","guid":{"rendered":"http:\/\/www.snc.lib.su.ac.th\/snclibblog\/?p=33767"},"modified":"2013-08-02T19:33:30","modified_gmt":"2013-08-02T12:33:30","slug":"css-cascading-style-sheets","status":"publish","type":"post","link":"https:\/\/snc.lib.su.ac.th\/snclibblog\/?p=33767","title":{"rendered":"CSS (Cascading Style Sheets)"},"content":{"rendered":"<p>\u0e27\u0e31\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e15\u0e49\u0e19\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e21\u0e34\u0e16\u0e38\u0e19\u0e32\u0e22\u0e19 2556 \u0e44\u0e14\u0e49\u0e21\u0e35\u0e01\u0e32\u0e23\u0e41\u0e0b\u0e27\u0e01\u0e31\u0e19\u0e27\u0e48\u0e32\u0e08\u0e30\u0e21\u0e35\u0e01\u0e32\u0e23\u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22\u0e22\u0e31\u0e07\u0e44\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08 CSS \u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e07\u0e48\u0e32\u0e22\u0e46 \u0e41\u0e15\u0e48\u0e1e\u0e2d\u0e40\u0e2d\u0e32\u0e40\u0e02\u0e49\u0e32\u0e08\u0e23\u0e34\u0e07\u0e08\u0e30\u0e43\u0e2b\u0e49\u0e1a\u0e2d\u0e01\u0e01\u0e31\u0e19\u0e43\u0e2b\u0e49\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22\u0e46 \u0e21\u0e31\u0e19\u0e01\u0e47\u0e0a\u0e31\u0e01\u0e08\u0e30\u0e44\u0e21\u0e48\u0e43\u0e0a\u0e48\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e07\u0e48\u0e32\u0e22\u0e0b\u0e31\u0e01\u0e40\u0e17\u0e48\u0e32\u0e44\u0e2b\u0e23\u0e48 \u0e08\u0e30\u0e27\u0e48\u0e32\u0e44\u0e1b\u0e40\u0e08\u0e49\u0e32 CSS \u0e01\u0e47\u0e19\u0e48\u0e32\u0e08\u0e30\u0e04\u0e25\u0e49\u0e32\u0e22\u0e46 \u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e15\u0e48\u0e07\u0e15\u0e31\u0e27 \u0e17\u0e35\u0e48\u0e21\u0e35\u0e0a\u0e38\u0e14\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e23\u0e39\u0e1b\u0e44\u0e27\u0e49\u0e41\u0e25\u0e49\u0e27\u0e27\u0e48\u0e32 \u0e08\u0e30\u0e41\u0e15\u0e48\u0e07\u0e22\u0e31\u0e07\u0e44\u0e07\u0e43\u0e2b\u0e49\u0e21\u0e31\u0e19\u0e40\u0e02\u0e49\u0e32\u0e0a\u0e38\u0e14 \u0e40\u0e02\u0e49\u0e32\u0e40\u0e0b\u0e47\u0e15\u0e01\u0e31\u0e19 \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e14\u0e39\u0e14\u0e35 \u0e21\u0e35\u0e2a\u0e44\u0e15\u0e25\u0e4c (\u0e21\u0e31\u0e49\u0e07)<br \/>\n<em><span style=\"color: #800080\">\u0e17\u0e35\u0e19\u0e35\u0e49\u0e25\u0e2d\u0e07\u0e21\u0e32\u0e14\u0e39\u0e01\u0e31\u0e19\u0e27\u0e48\u0e32 CSS \u0e17\u0e35\u0e48\u0e40\u0e04\u0e49\u0e32\u0e1e\u0e39\u0e14\u0e46 \u0e01\u0e31\u0e19 \u0e21\u0e31\u0e19\u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23\u0e01\u0e31\u0e19\u0e41\u0e19\u0e48&#8230;<\/span><\/em><br \/>\n<span style=\"color: #333333\"><strong>CSS (Cascading Style Sheets )<\/strong><\/span> \u0e04\u0e37\u0e2d \u0e0a\u0e38\u0e14\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e40\u0e1e\u0e08 \u0e40\u0e1b\u0e47\u0e19\u0e21\u0e32\u0e15\u0e23\u0e32\u0e10\u0e32\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e02\u0e2d\u0e07 W3C \u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e02\u0e36\u0e49\u0e19\u0e21\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e0a\u0e49\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e2d\u0e01\u0e2a\u0e32\u0e23\u0e40\u0e27\u0e47\u0e1a\u0e42\u0e14\u0e22\u0e40\u0e09\u0e1e\u0e32\u0e30 \u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 CSS \u0e08\u0e30\u0e0a\u0e48\u0e27\u0e22\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a HTML \u0e40\u0e14\u0e34\u0e21 \u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19\u0e01\u0e31\u0e19\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19 \u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\u0e08\u0e32\u0e01 CSS \u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e40\u0e1e\u0e08\u0e17\u0e35\u0e48\u0e14\u0e35\u0e01\u0e27\u0e48\u0e32 HTML &#8230;.(\u0e19\u0e31\u0e48\u0e19&#8230;\u0e2d\u0e48\u0e32\u0e19\u0e41\u0e25\u0e49\u0e27\u0e22\u0e34\u0e48\u0e07\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e22\u0e32\u0e01\u0e40\u0e02\u0e49\u0e32\u0e44\u0e1b\u0e0b\u0e30\u0e2d\u0e35\u0e01)<br \/>\n<span style=\"color: #800080\"><strong>\u0e41\u0e25\u0e49\u0e27 CSS \u0e17\u0e33\u0e2d\u0e30\u0e44\u0e23\u0e44\u0e14\u0e49\u0e1a\u0e49\u0e32\u0e07<\/strong><\/span><br \/>\n&#8211; CSS \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e02\u0e19\u0e32\u0e14\u0e02\u0e2d\u0e07 Font \u0e44\u0e14\u0e49 \u0e40\u0e21\u0e37\u0e48\u0e2d\u0e1c\u0e39\u0e49\u0e17\u0e35\u0e48\u0e40\u0e02\u0e49\u0e32\u0e0a\u0e21\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e1b\u0e23\u0e31\u0e1a\u0e02\u0e19\u0e32\u0e14 Font \u0e17\u0e35\u0e48 Browser \u0e02\u0e2d\u0e07\u0e40\u0e02\u0e32\u0e17\u0e35\u0e48\u0e02\u0e19\u0e32\u0e14\u0e43\u0e14\u0e01\u0e47\u0e15\u0e32\u0e21 CSS \u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e44\u0e27\u0e49\u0e01\u0e47\u0e22\u0e31\u0e07\u0e04\u0e07\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e02\u0e19\u0e32\u0e14\u0e02\u0e2d\u0e07 Font \u0e15\u0e32\u0e21\u0e02\u0e19\u0e32\u0e14\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e44\u0e27\u0e49\u0e40\u0e2a\u0e21\u0e2d \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e40\u0e27\u0e47\u0e1a\u0e40\u0e1e\u0e08\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e44\u0e21\u0e48\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e44\u0e1b\u0e15\u0e32\u0e21\u0e17\u0e35\u0e48\u0e1c\u0e39\u0e49\u0e40\u0e02\u0e49\u0e32\u0e0a\u0e21\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e09\u0e30\u0e19\u0e31\u0e49\u0e19\u0e2b\u0e19\u0e49\u0e32\u0e15\u0e32\u0e02\u0e2d\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e40\u0e1e\u0e08\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e01\u0e47\u0e08\u0e30\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e44\u0e14\u0e49\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e44\u0e27\u0e49 \u0e44\u0e21\u0e48\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e42\u0e09\u0e21&#8230;<br \/>\n&#8211; CSS \u0e17\u0e33\u0e43\u0e2b\u0e49\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e40\u0e1e\u0e08\u0e43\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e17\u0e33\u0e44\u0e14\u0e49\u0e23\u0e27\u0e14\u0e40\u0e23\u0e47\u0e27\u0e02\u0e36\u0e49\u0e19 \u0e40\u0e27\u0e25\u0e32\u0e41\u0e01\u0e49\u0e44\u0e02\u0e2b\u0e23\u0e37\u0e2d\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e17\u0e33\u0e44\u0e14\u0e49\u0e07\u0e48\u0e32\u0e22 \u0e44\u0e21\u0e48\u0e15\u0e49\u0e2d\u0e07\u0e15\u0e32\u0e21\u0e41\u0e01\u0e49\u0e17\u0e35\u0e48 HTML tag \u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e40\u0e23\u0e32\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07 \u0e41\u0e01\u0e49\u0e44\u0e02\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e44\u0e14\u0e49\u0e08\u0e32\u0e01\u0e08\u0e38\u0e14\u0e40\u0e14\u0e35\u0e22\u0e27 \u0e41\u0e25\u0e49\u0e27\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a\u0e40\u0e1e\u0e08\u0e19\u0e31\u0e49\u0e19\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e41\u0e1b\u0e25\u0e07\u0e44\u0e1b\u0e15\u0e32\u0e21\u0e17\u0e35\u0e48\u0e41\u0e01\u0e49\u0e44\u0e02\u0e44\u0e14\u0e49<br \/>\n&#8211; CSS \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e01\u0e33\u0e2b\u0e19\u0e14 Background \u0e43\u0e2b\u0e49\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e19\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07 \u0e2b\u0e23\u0e37\u0e2d\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e15\u0e32\u0e21\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e44\u0e14\u0e49<br \/>\n&#8211; CSS \u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e04\u0e27\u0e1a\u0e04\u0e38\u0e21\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25\u0e43\u0e2b\u0e49\u0e40\u0e2b\u0e21\u0e37\u0e2d\u0e19\u0e2b\u0e23\u0e37\u0e2d\u0e43\u0e01\u0e25\u0e49\u0e40\u0e04\u0e35\u0e22\u0e07\u0e01\u0e31\u0e19\u0e44\u0e14\u0e49\u0e43\u0e19\u0e2b\u0e25\u0e32\u0e22\u0e46 Browser<br \/>\n&#8211; \u0e2d\u0e37\u0e48\u0e19\u0e46 \u0e2d\u0e35\u0e01\u0e21\u0e32\u0e01\u0e21\u0e32\u0e22<br \/>\n<span style=\"color: #800080\"><strong>\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e07\u0e32\u0e19 CSS \u0e17\u0e33\u0e44\u0e14\u0e49\u0e22\u0e31\u0e07\u0e44\u0e07<br \/>\n<\/strong><\/span><br \/>\n\u0e04\u0e33\u0e2a\u0e31\u0e48\u0e07\u0e02\u0e2d\u0e07 CSS \u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e14\u0e49\u0e27\u0e22\u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e25\u0e31\u0e01\u0e46 \u0e04\u0e37\u0e2d Selector, Property \u0e41\u0e25\u0e30 Value<br \/>\n&#8211; Selector \u0e43\u0e0a\u0e49\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e2d\u0e49\u0e32\u0e07\u0e2d\u0e34\u0e07 \u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e44\u0e1b\u0e14\u0e49\u0e27\u0e22 \u0e0a\u0e37\u0e48\u0e2d Class \u0e2b\u0e23\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d ID \u0e2b\u0e23\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d TAG HTML<br \/>\n&#8211; Property \u0e04\u0e37\u0e2d \u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34\u0e43\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e2a\u0e14\u0e07\u0e1c\u0e25 \u0e42\u0e14\u0e22\u0e21\u0e35\u0e0a\u0e37\u0e48\u0e2d Properties \u0e41\u0e25\u0e30\u0e15\u0e32\u0e21\u0e14\u0e49\u0e27\u0e22 Value \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e04\u0e48\u0e32\u0e43\u0e2b\u0e49\u0e41\u0e01\u0e48\u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34\u0e19\u0e31\u0e49\u0e19 \u0e41\u0e25\u0e30\u0e23\u0e30\u0e2b\u0e27\u0e48\u0e32\u0e07\u0e0a\u0e37\u0e48\u0e2d Properties \u0e01\u0e31\u0e1a Value \u0e08\u0e30\u0e16\u0e39\u0e01\u0e04\u0e31\u0e48\u0e19\u0e14\u0e49\u0e27\u0e22\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22 colon ( properties:value )<br \/>\n&#8211; Value \u0e40\u0e1b\u0e47\u0e19\u0e04\u0e48\u0e32\u0e17\u0e35\u0e48\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a Property \u0e15\u0e48\u0e32\u0e07\u0e46 \u0e40\u0e0a\u0e48\u0e19 color, font \u0e40\u0e1b\u0e47\u0e19\u0e15\u0e49\u0e19<br \/>\n\u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34\u0e20\u0e32\u0e22\u0e43\u0e19 1 Class \u0e08\u0e30\u0e21\u0e35\u0e44\u0e14\u0e49\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32 1 \u0e15\u0e32\u0e21\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e01\u0e33\u0e2b\u0e19\u0e14 \u0e41\u0e25\u0e30 Properties \u0e43\u0e19\u0e41\u0e15\u0e48\u0e25\u0e30 Properties \u0e08\u0e30\u0e16\u0e39\u0e01\u0e04\u0e31\u0e48\u0e19\u0e14\u0e49\u0e27\u0e22\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22 semi-colon ( ; ) \u0e41\u0e25\u0e30\u0e40\u0e23\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e40\u0e02\u0e35\u0e22\u0e19\u0e04\u0e38\u0e13\u0e2a\u0e21\u0e1a\u0e31\u0e15\u0e34\u0e02\u0e2d\u0e07 CSS \u0e19\u0e31\u0e49\u0e19\u0e44\u0e27\u0e49\u0e20\u0e32\u0e22\u0e43\u0e19\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e2b\u0e21\u0e32\u0e22\u0e1b\u0e35\u0e01\u0e01\u0e32 { &#8230;. } \u0e40\u0e17\u0e48\u0e32\u0e19\u0e31\u0e49\u0e19<br \/>\n<span style=\"color: #800080\"><strong>\u0e40\u0e23\u0e32\u0e25\u0e2d\u0e07\u0e21\u0e32\u0e14\u0e39\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e02\u0e2d\u0e07 CSS \u0e01\u0e31\u0e19\u0e0b\u0e31\u0e01\u0e19\u0e34\u0e14<br \/>\n(\u0e43\u0e19\u0e17\u0e35\u0e48\u0e19\u0e35\u0e49\u0e22\u0e01\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07 CSS \u0e02\u0e2d\u0e07\u0e1a\u0e25\u0e47\u0e2d\u0e01\u0e2b\u0e2d\u0e2a\u0e21\u0e38\u0e14\u0e1e\u0e23\u0e30\u0e23\u0e32\u0e0a\u0e27\u0e31\u0e07\u0e2a\u0e19\u0e32\u0e21\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c \u0e43\u0e19\u0e2a\u0e48\u0e27\u0e19 Footer)<\/strong><\/span><\/p>\n<table style=\"width: 400px\" border=\"0\">\n<tbody>\n<tr style=\"background-color: #f5f5dc\">\n<td>#footer a, #footer a:visited{<br \/>\ncolor: #ffffff;<br \/>\n}<br \/>\n#footer .left-col{<br \/>\nwidth: 240px;<br \/>\nfloat: left;<br \/>\nmargin-left: 10px;<br \/>\n}<br \/>\n#footer .right-col{<br \/>\nwidth: 220px;<br \/>\nfloat: right;<br \/>\npadding-right: 10px;<br \/>\npadding-left: 10px;<br \/>\nbackground: url(images\/footer-bg.gif) no-repeat;<br \/>\n}<br \/>\n#footer h4 {<br \/>\nfont: normal 146%\/100% &#8220;Trebuchet MS&#8221;, Tahoma, Arial;<br \/>\ncolor: #034f76;<br \/>\nmargin: 10px 0px 5px;<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<br \/>\n\u0e14\u0e39\u0e14\u0e39\u0e44\u0e1b\u0e21\u0e31\u0e19\u0e01\u0e47\u0e44\u0e21\u0e48\u0e07\u0e48\u0e32\u0e22\u0e0b\u0e31\u0e01\u0e40\u0e17\u0e48\u0e32\u0e44\u0e2b\u0e23\u0e48 \u0e2d\u0e32\u0e08\u0e17\u0e33\u0e43\u0e2b\u0e49\u0e1b\u0e27\u0e14\u0e2b\u0e31\u0e27\u0e44\u0e1b\u0e40\u0e25\u0e22\u0e14\u0e49\u0e27\u0e22\u0e0b\u0e49\u0e33 \u0e41\u0e15\u0e48\u0e2b\u0e32\u0e01\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e01\u0e47\u0e04\u0e07\u0e17\u0e33\u0e44\u0e14\u0e49\u0e44\u0e21\u0e48\u0e22\u0e32\u0e01 \u0e41\u0e15\u0e48\u0e08\u0e30\u0e27\u0e48\u0e32\u0e44\u0e1b \u0e16\u0e49\u0e32\u0e43\u0e2b\u0e49\u0e40\u0e02\u0e35\u0e22\u0e19 CSS \u0e02\u0e36\u0e49\u0e19\u0e21\u0e32\u0e40\u0e2d\u0e07\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14\u0e01\u0e47\u0e04\u0e07\u0e44\u0e21\u0e48\u0e44\u0e2b\u0e27 \u0e40\u0e1e\u0e23\u0e32\u0e30\u0e40\u0e23\u0e32\u0e01\u0e47\u0e44\u0e21\u0e48\u0e43\u0e0a\u0e48\u0e42\u0e1b\u0e23\u0e41\u0e01\u0e23\u0e21\u0e40\u0e21\u0e2d\u0e23\u0e4c \u0e2b\u0e23\u0e37\u0e2d\u0e04\u0e19\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e43\u0e19 CSS \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e25\u0e36\u0e01\u0e0b\u0e36\u0e49\u0e07\u0e02\u0e19\u0e32\u0e14\u0e19\u0e31\u0e49\u0e19\u00a0 \ud83d\ude09<br \/>\n&nbsp;<br \/>\n<span style=\"color: #999999\"><strong>\u0e17\u0e35\u0e48\u0e21\u0e32&#8230;\u0e17\u0e35\u0e48\u0e44\u0e1b \u0e21\u0e32\u0e08\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e41\u0e2b\u0e25\u0e48\u0e07 \u0e17\u0e31\u0e49\u0e07\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d \u0e17\u0e31\u0e49\u0e07\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21 \u0e17\u0e31\u0e49\u0e07\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c &#8230; \u0e02\u0e2d\u0e2d\u0e20\u0e31\u0e22\u0e17\u0e35\u0e48\u0e44\u0e21\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e2d\u0e48\u0e22\u0e19\u0e32\u0e21\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e15\u0e48\u0e32\u0e07\u0e46 \u0e44\u0e14\u0e49<\/strong><\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0e27\u0e31\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e15\u0e49\u0e19\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e21\u0e34\u0e16\u0e38\u0e19\u0e32\u0e22\u0e19 2556 \u0e44\u0e14\u0e49\u0e21\u0e35\u0e01\u0e32\u0e23\u0e41\u0e0b\u0e27\u0e01\u0e31\u0e19\u0e27\u0e48\u0e32\u0e08\u0e30\u0e21\u0e35\u0e01\u0e32\u0e23\u0e2d\u0e18\u0e34\u0e1a\u0e32\u0e22\u0e22\u0e31\u0e07\u0e44\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08 CSS \u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e07\u0e48\u0e32\u0e22\u0e46 \u0e41\u0e15\u0e48\u0e1e\u0e2d\u0e40\u0e2d\u0e32\u0e40\u0e02\u0e49\u0e32\u0e08\u0e23\u0e34\u0e07\u0e08\u0e30\u0e43\u0e2b\u0e49\u0e1a\u0e2d\u0e01\u0e01\u0e31\u0e19\u0e43\u0e2b\u0e49\u0e40\u0e02\u0e49\u0e32\u0e43\u0e08\u0e07\u0e48\u0e32\u0e22\u0e46 \u0e21\u0e31\u0e19\u0e01\u0e47\u0e0a\u0e31\u0e01\u0e08\u0e30\u0e44\u0e21\u0e48\u0e43\u0e0a\u0e48\u0e40\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e07\u0e48\u0e32\u0e22\u0e0b\u0e31\u0e01\u0e40\u0e17\u0e48\u0e32\u0e44\u0e2b\u0e23\u0e48 \u0e08\u0e30\u0e27\u0e48\u0e32\u0e44\u0e1b\u0e40\u0e08\u0e49\u0e32 CSS \u0e01\u0e47\u0e19\u0e48\u0e32\u0e08\u0e30\u0e04\u0e25\u0e49\u0e32\u0e22\u0e46 \u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e15\u0e48\u0e07\u0e15\u0e31\u0e27 \u0e17\u0e35\u0e48\u0e21\u0e35\u0e0a\u0e38\u0e14\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e23\u0e39\u0e1b\u0e44\u0e27\u0e49\u0e41\u0e25\u0e49\u0e27\u0e27\u0e48\u0e32 \u0e08\u0e30\u0e41\u0e15\u0e48\u0e07\u0e22\u0e31\u0e07\u0e44\u0e07\u0e43\u0e2b\u0e49\u0e21\u0e31\u0e19\u0e40\u0e02\u0e49\u0e32\u0e0a\u0e38\u0e14 \u0e40\u0e02\u0e49\u0e32\u0e40\u0e0b\u0e47\u0e15\u0e01\u0e31\u0e19 \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e14\u0e39\u0e14\u0e35 \u0e21\u0e35\u0e2a\u0e44\u0e15\u0e25\u0e4c (\u0e21\u0e31\u0e49\u0e07) \u0e17\u0e35\u0e19\u0e35\u0e49\u0e25\u0e2d\u0e07\u0e21\u0e32\u0e14\u0e39\u0e01\u0e31\u0e19\u0e27\u0e48\u0e32 CSS \u0e17\u0e35\u0e48\u0e40\u0e04\u0e49\u0e32\u0e1e\u0e39\u0e14\u0e46 \u0e01\u0e31\u0e19 \u0e21\u0e31\u0e19\u0e04\u0e37\u0e2d\u0e2d\u0e30\u0e44\u0e23\u0e01\u0e31\u0e19\u0e41\u0e19\u0e48&#8230; CSS (Cascading Style<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[28],"tags":[1615,1616],"class_list":["post-33767","post","type-post","status-publish","format-standard","hentry","category-information-technology","tag-cascading-style-sheets","tag-css"],"_links":{"self":[{"href":"https:\/\/snc.lib.su.ac.th\/snclibblog\/index.php?rest_route=\/wp\/v2\/posts\/33767","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/snc.lib.su.ac.th\/snclibblog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/snc.lib.su.ac.th\/snclibblog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/snc.lib.su.ac.th\/snclibblog\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/snc.lib.su.ac.th\/snclibblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=33767"}],"version-history":[{"count":0,"href":"https:\/\/snc.lib.su.ac.th\/snclibblog\/index.php?rest_route=\/wp\/v2\/posts\/33767\/revisions"}],"wp:attachment":[{"href":"https:\/\/snc.lib.su.ac.th\/snclibblog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=33767"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/snc.lib.su.ac.th\/snclibblog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=33767"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/snc.lib.su.ac.th\/snclibblog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=33767"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}