Γενική σύνταξη
<Στοιχείο που θέλω να επηρεάσω* style="ιδιότητα1:τιμή; Ιδιότητα2:τιμή **"> Κείμενο</ Στοιχείο που θέλω να επηρεάσω>
* π.χ. <p>, <span>, <div>, <h1>
(Η ετικέτα <span> δεν παρέχει καμία οπτική αλλαγή από μόνη της, όμως παρέχει έναν τρόπο για να προσθέσετε στυλ σε ένα τμήμα του κειμένου ή ένα μέρος του εγγράφου .Όταν τοποθετηθεί περιεχόμενο όπως κείμενο ανάμεσα σε μία ετικέτα π.χ. <span>κείμενο </span>, μπορείτε να προσθέσετε στυλ στο περιεχόμενο.)
** π.χ. font-family: verdana, font-style: italic
Παράδειγμα:
<p style="font-family: verdana;">Test Text 1 </p>
<p style="font-family: verdana;font-style: italic"> Test Text 2</p> <p
Περισσότερα παραδείγματα και χρήσεις της style:
Γενικά
style="color:blue;margin-left:20px;">This is a paragraph.</p>
Χρώμα φόντου
<body style="background-color:yellow;"> </body>
<h2 style="background-color:red;">This is a heading</h2>
<p style="background-color:green;">This is a paragraph.</p>
Γραμματοσειρά, χρώμα, μέγεθος
<h1 style="font-family:verdana;">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
Περισσότερς ιδιότητες και τιμές της style:
Πολλαπλές γραμματοσειρές
font-family:"Times New Roman", Times, serif;
Στυλ γραμματοσειράς
font-style:normal; (δυνατές τιμές: Τιμές normal, bold, bolder, lighter)
font-style:italic;
text-decoration:overline;
text-decoration:line-through;
text-decoration:underline;
text-decoration:blink;
font-weight:normal;
font-weight:bold;
Στοίχιση κειμένου
text-align:center;
Mέγεθος γραμματοσειράς
font-size:40px; (px=pixel)
font-size:14px;
font-size:100%;
font-size:2.5em; (1em=16 pixels)
Διάστιχο
line-height:150%;
Για πλήρη οδηγό όλων τω δυνατών ιδιοτήτων και τιμών της style πατήστε στον παρακάτω σύνδεσμο: