HTML-teckensnittsfärgattribut anger textfärgen på innehållet inuti märka . Attributet font color accepterar en färgvärde som vi vill tillämpa på en text och den kommer att visas på skärmen med den nämnda färgen.
Syntax:
>
Attributvärden:
- color_name: Den ställer in textfärgen genom att använda färgnamnet. Till exempel: röd .
- hex_nummer: Den ställer in textfärgen genom att använda hexadecimal färgkod. Till exempel: #0000ff .
- rgb_number: Den ställer in textfärgen genom att använda rgb-kod. Till exempel: rgb(0, 153, 0) .
Notera: Färgattributet stöds inte av HTML5 .
Exempel för att ställa in teckensnittsfärg i HTML
Vi kan använda färgattribut av teckensnittstagg för att ställa in en teckensnittsfärg i HTML. Vi kan tilldela ett färgvärde med hjälp av a färgnamn , hex-kod , eller RGB-kod .
Låt oss förstå det bättre med exempel:
Exempel: I det här exemplet får vi den färgade texten genom att använda färgattributet med tre olika typer av värden. Vi har använt färgnamnsvärde, hex-kodvärde och RGB-kodvärde för att ställa in teckensnittsfärgen för tre olika textelement.
HTML HTML |<font>färg Attribut titel> huvud> <body> <font size='6' face='verdana' color='green'>techcodeview.com! teckensnitt> <br> <font size='6' face='arial' color='#008000'>techcodeview.com! teckensnitt> <br> <font size='6' color='rgb(128, 128, 0)'>techcodeview.com! font> body> html>></pre> </code> <p dir='ltr'> <b> <strong>Produktion:</strong> </b> </p> <br /> <div id="container-4ae8242bd8e42d94c5c0bf390d5144e6"></div><br /> <p dir='ltr'> <img src='//techcodeview.com/img/html-attributes/40/html-font-color-attribute.webp' alt="teckensnittsfärg html med färgattribut"></p> <h3> <b> <strong>Webbläsare som stöds</strong> </b> </h3><p dir='ltr'><span>Du kan se de inställda teckensnittsfärgerna HTML med dessa webbläsare. Webbläsarna stöder färgattributet för teckensnittstaggen och visar ändringarna i textfärg.</span></p> <ul><li value='1'> <span>Google Chrome</span> </li><li value='2'> <span>Kant</span> <span> </span> </li><li value='3'> <span>Firefox</span> </li><li value='4'> <span>Opera</span> </li><li value='5'> <span>Safari</span> </li></ul><p dir='ltr'><span>HTML är grunden för webbsidor, används för webbsidautveckling genom att strukturera webbplatser och webbappar. Du kan lära dig HTML från grunden genom att följa detta</span> <span>HTML handledning</span> <span>och</span> <span>HTML-exempel</span> <span>.</span></p> <br></article>
</div><!--//content-->
</div><!--//section-inner-->
</section><!--//section-->
</div><!--//primary-->
<div class="secondary col-md-4 col-sm-12 col-xs-12">
<aside class="info aside section">
<div class="section-inner">
<h2 class="">Kategori</h2>
<div class="content">
<ul class="list-unstyled">
<li> <a href="/queue/">Kö</a> </li><li> <a href="/cpp-file-handling/">Cpp-Filhantering</a> </li><li> <a href="/data-science/">Datavetenskap</a> </li><li> <a href="/max-heap/">Max-Hög</a> </li><li> <a href="/digital-electronics-implementations/">Digital Elektronik - Implementeringar</a> </li><li> <a href="/big-endian/">Big Endian</a> </li><li> <a href="/python-random/">Python-Slumpmässigt</a> </li><li> <a href="/dsa/">DSA</a> </li><li> <a href="/c-data-types/">C-Datatyper</a> </li><li> <a href="/cpp-containers-library/">Cpp-Containers-Library</a> </li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//aside-->
<aside class="testimonials aside section">
<div class="section-inner">
<h2 class="heading">50 vetenskapliga triviafrågor Människor har alltid fel</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<span> <i class="fa fa-quote-left"></i> Vetenskapen är ett fält som aldrig slutar att förvåna, med sina oändliga mysterier och fascinerande fakta som sträcker sig från kvantvärlden till rymdens stora vidder. Flera vetenskapsfrågor avslöjar konsekvent de utbredda myterna och missförstånden som även de mest utbildade sinnen kan ha.</span>
</blockquote>
</div><!--//item-->
<p> <a class="more-link" href="/50-science-trivia-questions-people-always-get-wrong"> <i class="fa fa-external-link"></i> Läs Mer</a> </p>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="languages aside section">
<div class="section-inner">
<h2 class="heading">Intressanta Artiklar</h2>
<div class="content">
<ul class="list-unstyled">
<li class="item">
<span class="title"> <strong> <a href="/java-enum-class/">Java Enum-Klass</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/how-read-excel-file-r">Hur läser man excel-fil i R?</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/method-overloading-and-null-error-in-java">Metodöverbelastning och nollfel i Java</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/integration-trigonometric-functions">Integration av trigonometriska funktioner</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/how-stop-windows-10-update-permanently">Hur stoppar jag Windows 10-uppdateringen permanent?</a> </strong> </span>
</li><!--//item-->
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="list music aside section">
<div class="section-inner">
<h2 class="heading">Populära Inlägg</h2>
<div class="content">
<ul class="list"> <li><a href="/java-tutorial">java punkt</a>
</li><li><a href="/steps-write-execute-script">kör skript i linux</a>
</li><li><a href="/hardcover-vs-paperback">inbunden vs pocketbok</a>
</li><li><a href="/propositional-logic-artificial-intelligence">propositionell logik</a>
</li><li><a href="/typescript-map">karta typskript</a>
</li><li><a href="/steps-write-execute-script">hur man kör ett skript</a>
</li><li><a href="/java-stack">stack i java</a>
</li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
</div><!--//secondary-->
</div><!--//row-->
</div><!--//masonry-->
<footer class="footer">
<div class="container text-center">
<span>
Copyright ©2025 Alla Rättigheter Förbehållna | <a href="//ar.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Ansvarsfriskrivning</a> | <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">Om Oss</a> | <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Sekretesspolicy</a> </span>
</div>
</footer>
<script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="https://techcodeview.com/template/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://techcodeview.com/template/assets/js/main.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/11.5.1/highlight.min.js"></script>
</body>
</html>