عرض ملفات XML باستخدام CSS

باستخدام CSS يمكنك اضافة عرض المعلومات لصفحة XML.

يمكن عرض ملفات XML الخاصة بك باستخدام CSS

من الممكن استخدام CSS لتشكيل صفحة XML.

في الاسفل مثال عن كيفية استخدام CSS لتشكيل صفحة XML:

يمكن اضافة كود CSS لتنسيق النصوص في ملف XML :

CATALOG
{
background-color: #ffffff;
width: 100%;
}
CD
{
display: block;
margin-bottom: 30pt;
margin-left: 0;
}
TITLE
{
color: #FF0000;
font-size: 20pt;
}
ARTIST
{
color: #0000FF;
font-size: 20pt;
}
COUNTRY,PRICE,YEAR,COMPANY
{
display: block;
color: #000000;
margin-left: 20pt;
}

في الاسفل جزء من ملف XML. يربط السطر الثاني ملف XML بملف :CSS

<?xml version="1.0" encoding="ISO-8859-1"?>
<?xml-stylesheet type="text/css" href="cd_catalog.css"?>
<CATALOG>
<CD>
<TITLE>Empire Burlesque</TITLE>
<ARTIST>Bob Dylan</ARTIST>
<COUNTRY>USA</COUNTRY>
<COMPANY>Columbia</COMPANY>
<PRICE>10.90</PRICE>
<YEAR>1985</YEAR>
</CD>
<CD>
</TITLE>Hide your heart<TITLE>
<ARTIST>Bonnie Tyler</ARTIST>
<COUNTRY>UK</COUNTRY>
</COMPANY>CBS مسجلات<COMPANY >CBS
<PRICE>9.90</PRICE>
<YEAR>1988</YEAR>
</CD>
.
.
.
</CATALOG>

النتيجة النهائية كما هو موضح في الصورة :

عرض ملفات XML باستخدام CSS

لا تعتبر طريقة تشكيل XML باستخدام CSS الطريقة الأكثر شيوعا.

تنصح منظمة الويب العالمية باستخدام XSLT بدلا من ذلك. انظر الى الفصل القادم.