img scr tag: χρώμα πλαισίου (border)

[Anastasis 48]

 

Η παράμετρος "bordercolor" δεν έχει νόημα μέσα στην οδηγία img, πρέπει να γίνει με ccs.

Αν χρησιμοποιείτε εξωτερικό stylesheet, γράψτε για παράδειγμα:

 

κώδικας:

img.special {border: 3px red solid;}

ή μπορείτε να το βάλετε μέσα στην κεφαλίδα του αρχείου

κώδικας:

<style> img.special {border: 7px red solid;} </style>

Χρησιμοποιούμε το όνομα, για να μην ισχύει σε όλες τις εικόνες της σελίδας, αλλά μόνο σε όσες θέλουμε εμείς
- και μπορούμε βεβαια να ορίσουμε διαφορετική εμφάνιση για κάποιο όλλο όνομα/τύπο
εικόνας μέσα στο ίδιο αρχείο
 

κώδικας:

<style>  img.asimi {border: 2px silver dotted;}  </style>

Αυτός θα έχει ανοιχτο γκρί (~ασημι/silver) περίγραμμα παχους 2 στιγμών με διακεκομένη γραμμή.

Ο αντίστοιχος κώδικας για τις εικόνες είναι :

κώδικας:

<img src="eikona1.jpg" width="100" height="75" alt="κοκκινο-πλαίσιο" class="special">

και

κώδικας:

<img src="eikona1.jpg" width="100" height="75" alt="ασημι-διακεκομένο-πλαίσιο" class="asimi">

Μπορούμε ακόμα να βάλουμε το στυλ μέσα στη οδηγία της εικόνας,
.. αν ειναι μόνο μια που θέλουμε έτσι..

κώδικας:

<img src="eikona1.jpg" width="100" height="75" alt="κοκκινο-πλαίσιο" style="border: 3px red solid;"">

Ξερετε καλύτερα γιατί και πότε προτιμάμε εξωτερικο αρχείο ccs - όταν το θέλουμε σε
περισσότερες σελίδες, ή/και επίσης είναι πιο εύκολο να το αλλάξουμε στο μέλλον
ή προτιμάμε να ορίσουμε το στυλ στην κεφαλίδα - όταν το χρησιμοποιούμε μόνο μέσα σε μια σελίδα .. και παλι δεν ειναι τόσο δύσκολο να αλλάξει, αλλά μονο γι αυτή τη σελίδα..

Αν η εικόνα είναι και σύνδεσμος, μπορεί να έχει διαφορετική εμφάνιση πλαισίου (την ρύθμιση για τους συνδέσμους) - ανάλογα με τις προτεραιότητες των ρυθμίσεων.
Νομίζω ότι υπερισχύει η ρύθμιση μέσα στην οδηγία <img ..
αλλά καλύτερα να συμπληρώσει την συγκεκριμένη πληροφορία όποια/ος την ξέρει με σιγουριά.


Τί το θέλουμε το πλαίσιο στις εικόνες ?

Δοκιμάστε να βάλετε μια φωτογραφία που αγαπάτε, με ένα καλό παχύ πλαίσιο (τουλάχιστο 10 στιγμες, εφόσον η φωτογραφία εχει διαστάσεις πάνω από 100.. κι όσο για το χρώμα του πλαισίου.. ή γενικά περίπου 1/10 της μικρότερης διάστασης της φωτό)
Αν η φωτογραφία έχει πολλά ζωηρά χρώμματα δοκιμάστε ένα ουδέτερο γκρι, σε
αντίθεση με τη φωτεινότητα της εικόνας (ανοιχτο αν η εικόνα είναι εντονη/σκούρα, ή σκούρο αν η εικόνα είναι πολυ φωτεινή) - ή όποιο άλλο χρώμα αγαπάτε.. που να μην είναι εχθρικο στην εικόνα.
- ή βεβαια θα ξέρετε τη διαφορα στην εμφάνιση κάθε εικόνας όταν την καδράρουμε..
Δεν είναι για όλες τις εικόνες που θα βάλουμε στις σελίδες μας φυσικά.. αλλα μπορεί να
αναδείξει ορισμένες αγαπημένες μας εικόνες !


Μπορείτε να ορίσετε το χρώμα και ως #ΧΧΨΨΖΖ για λεπτές αποχρώσεις.



Καλά πειράματα !