Προγραμματιστικά Εργαλεία για το Διαδίκτυο

Χρήση της style inline (ενσωματωμένης στην html)

Εκτύπωση
Δημοσιεύτηκε στις Κυριακή, 10 Μαρτίου 2013 14:09 Γράφτηκε από τον/την Δημήτρης Τζανάκης


Γενική σύνταξη

<Στοιχείο που θέλω να επηρεάσω*  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 πατήστε στον παρακάτω σύνδεσμο:

 

http://www.w3schools.com/cssref/default.asp

Συνημμένα:
ΑρχείοΠεριγραφήΜέγεθος αρχείου
Μεταφόρτωση αυτού του αρχείου (Χρήση της style inline.pdf)Χρήση της style inline.pdfΧρήση της style inline (ενσωματωμένης στην html)525 Kb