Атрибут кольору шрифту HTML визначає колір тексту вмісту всередині тег . Атрибут кольору шрифту приймає a значення кольору який ми хочемо застосувати до тексту, і він буде відображатися на екрані, маючи згаданий колір.
Синтаксис:
>
Значення атрибутів:
- color_name: Він встановлює колір тексту за допомогою назви кольору. Наприклад: червоний .
- шістнадцяткове_число: Він встановлює колір тексту за допомогою шістнадцяткового коду кольору. Наприклад: #0000ff .
- rgb_number: Він встановлює колір тексту за допомогою коду rgb. Наприклад: rgb(0, 153, 0) .
Примітка: Атрибут кольору не підтримується HTML5 .
Приклад встановлення кольору шрифту в HTML
Ми можемо використовувати кольоровий атрибут з тег шрифту щоб встановити колір шрифту в HTML. Ми можемо призначити значення кольору за допомогою a назва кольору , шістнадцятковий код , або Код RGB .
Давайте зрозуміємо це краще на прикладі:
приклад: У цьому прикладі ми отримуємо кольоровий текст за допомогою атрибута color, який має три різні типи значень. Ми використали значення назви кольору, значення шістнадцяткового коду та значення коду RGB, щоб встановити колір шрифту трьох різних текстових елементів.
HTML HTML |<font>колір Атрибут title> head> <body> <font size='6' face='verdana' color='green'>techcodeview.com! шрифт> <br> <font size='6' face='arial' color='#008000'>techcodeview.com! шрифт> <br> <font size='6' color='rgb(128, 128, 0)'>techcodeview.com! font> body> html>></pre> </code> <p dir='ltr'> <b> <strong>Вихід:</strong> </b> </p> <p dir='ltr'> <img src='//techcodeview.com/img/html-attributes/40/html-font-color-attribute.webp' alt="колір шрифту html з використанням атрибута color"></p> <h3> <b> <strong>Підтримувані браузери</strong> </b> </h3><p dir='ltr'><span>Ви можете переглянути встановлені кольори шрифту HTML за допомогою цих браузерів. Браузери підтримують атрибут кольору тегу шрифту та відображають зміни кольору тексту.</span></p> <ul><li value='1'> <span>Гугл хром</span> </li><li value='2'> <span>Край</span> <span> </span> </li><li value='3'> <span>Firefox</span> </li><li value='4'> <span>Опера</span> </li><li value='5'> <span>Сафарі</span> </li></ul><p dir='ltr'><span>HTML є основою веб-сторінок, використовується для розробки веб-сторінок шляхом структурування веб-сайтів і веб-програм. Ви можете вивчити HTML з нуля, дотримуючись цього</span> <span>Підручник HTML</span> <span>і</span> <span>Приклади HTML</span> <span>.</span></p> <br></article><div class="rekl_placeholder"><script type="text/javascript">atOptions = {'key' : 'f2b09f3e7178b263531e10998e9a32fa','format' : 'iframe','height' : 250,'width' : 300,'params' : {}};</script><script type="text/javascript" src="//spiritscaution.com/f2b09f3e7178b263531e10998e9a32fa/invoke.js"></script></div> </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="">Категорія</h2>
<div class="content">
<ul class="list-unstyled">
<li> <a href="/base-conversion/">Базове Перетворення</a> </li><li> <a href="/postman-tutorial/">Підручник Листоноші</a> </li><li> <a href="/c-keyword/">C Ключове Слово</a> </li><li> <a href="/divide-and-conquer/">Розділити і завоювати</a> </li><li> <a href="/counting-sort/">Підрахунок-Сорт</a> </li><li> <a href="/law/">Закон</a> </li><li> <a href="/definitions-meanings/">Визначення Та Значення</a> </li><li> <a href="/physics-class-12-cat/">Фізика-Клас-12</a> </li><li> <a href="/cyber-defence-intelligence/">Розвідка Кіберзахисту</a> </li><li> <a href="/python-pip/">Python-Піп</a> </li>
</ul>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//aside-->
<aside class="testimonials aside section">
<div class="section-inner">
<div class="content">
<div class="item">
<div class="rekl_placeholder" id="sidebar_placeholder_1"> <script type="text/javascript">atOptions = {'key' : 'f53f1abf3c3a788f849c12a956865db1','format' : 'iframe','height' : 300,'width' : 160,'params' : {}};</script><script type="text/javascript" src="//spiritscaution.com/f53f1abf3c3a788f849c12a956865db1/invoke.js"></script> <br></div>
</div>
</div>
</div>
<div class="section-inner">
<h2 class="heading">Верхній і нижній індекс CSS</h2>
<div class="content">
<div class="item">
<blockquote class="quote">
<p> <i class="fa fa-quote-left"></i> Верхній і нижній індекси CSS із підручником із CSS, приклади вбудованого, наведення курсора, селектора, фону, рамки, відображення, плаваючого елемента, шрифту, поля, непрозорості, переповнення, відступу, позиції тощо.</p>
</blockquote>
</div><!--//item-->
<p> <a class="more-link" href="/css-superscript-subscript"> <i class="fa fa-external-link"></i> Читати Далі</a> </p>
</div><!--//content-->
</div><!--//section-inner-->
</aside><!--//section-->
<aside class="languages aside section">
<div class="section-inner">
<h2 class="heading">Цікаві Статті</h2>
<div class="content">
<ul class="list-unstyled">
<li class="item">
<span class="title"> <strong> <a href="/maximum-consecutive-increasing-path-length-in-binary-tree">Максимальна послідовне збільшення довжини шляху у двійковому дереві</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/discrete-mathematics/">Дискретна Математика</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/what-are-homogeneous-mixtures">Що таке однорідні суміші?</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/difference-between-malloc">Різниця між malloc() і calloc() із прикладами</a> </strong> </span>
</li><!--//item--><li class="item">
<span class="title"> <strong> <a href="/c-static-keyword/">C++-Статичне Ключове Слово</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">Популярні Пости</h2>
<div class="content">
<ul class="list"> <li><a href="/arp-commands">команда arp-a</a>
</li><li><a href="/how-check-data-type-java">тип змінної Java</a>
</li><li><a href="/how-download-youtube-video-vlc-media-player">vlc завантажити youtube</a>
</li><li><a href="/latex-fonts-size-styles">розмір тексту латекс</a>
</li><li><a href="/java-escape-characters">escape-символ 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 Всі Права Захищені | <a href="//pl.techcodeview.com/">techcodeview.com</a> | <a href="/disclaimer" rel="nofollow noopener noreferrer" target="_blank">Відмова Від Відповідальності</a> | <a href="/about-us" rel="nofollow noopener noreferrer" target="_blank">Про Нас</a> | <a href="/privacy-policy" rel="nofollow noopener noreferrer" target="_blank">Політика Конфіденційності</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>