СКРИПТЫ
ТЕГИ:
php (319)
js (241)
html (145)
css (126)
html tags (62)
js tag (56)
jquery (42)
text (37)
js method (36)
php array (33)
js date (33)
form html (30)
fonts (30)
online (26)
link (26)
Показать еще :
ruweb.net (24)
foto (22)
atom (20)
php file (20)
forum (19)
hosting (18)
svg (18)
php date (17)
php time (16)
board (16)
html book (16)
input (16)
color (15)
js time (14)
js events (14)
js url (14)
info (13)
img (13)
htaccess (13)
osclass (13)
select (13)
notepad (13)
dw block (12)
download (12)
знак (12)
table (12)
php img (12)
php path (12)
keyboard (12)
form (11)
jsphp (11)
icon (11)
js delete (10)
yandex (10)
mouse (10)
hover (9)
dosite (8)
comment (7)
php url (7)
browser (7)
cookie (7)
mysql (6)
iframe (6)
click (6)
php get (6)
list (6)
ftp (5)
year (5)
js id (5)
mb (5)
value (5)
tag a (5)
js math (5)
reg.ru (5)
heading (5)
search (5)
chart (5)
adminka (5)
base64 (4)
ssl (4)
week (4)
php var (4)
day (4)
bbcode (4)
нок (4)
month (4)
vk (4)
symbols (4)
pages (4)
console (4)
submit (4)
js form (4)
xml (4)
task (4)
scandir (4)
numbers (3)
ucoz (3)
js post (3)
https (3)
js hash (3)
vs code (3)
куб (3)
domen (3)
line (3)
captcha (3)
padding (3)
js img (3)
sitemap (2)
tag hr (2)
typeof (2)
arrows (2)
qr kod (2)
money (2)
рся (2)
seo (2)
js vars (2)
youtube (2)
video (2)
prompt (2)
height (2)
counter (2)
details (2)
google (2)
smile (1)
jino (1)
archive (1)
windows (1)
header (1)
cursor (1)
speed (1)
rutube (1)
нод (1)
scroll (1)

first-letter не работает

"first-letter не работает". Почему first-letter не работает. Рассмотрим несколько примеров с неработающей первой буквой css и решим задачку не работающей first-letter.

О неработающей first-letter свойстве.

  1. Почему first-letter не работает
  2. First-letter работает

  1. Почему first-letter не работает

    Если я смогу воссоздать не работающее свойство "first-letter" - то это означает простой ответ, что я знаю "почему не работает first-letter" - для иллюстрации примера вам понадобится:

    Тег a(ссылка).

    В данный тег добавим... какой-то класс, чтобы оперировать именно к нашему примеру!

    first_letter_not_work

    Этому классу добавим свойства, которые сразу вы сомжете увидеть... это будет первая "ПРОПИСНАЯ" и добавим крассный цвет:

    a.first_letter_not_work:first-letter {
    text-transform: uppercase !important;
    color: red;
    }

    В него поместим заранее известный текст, где первая буква будет маленькой(строчной):

    этот текст маленькой первой буквой.

    Соберем весь код:

    Код не работающем свойстве first-letter

    Css:

    <style>

    a.first_letter_not_work:first-letter {

    text-transform: uppercase;

    color: red;

    }

    </style>

    Html:

    <a class=first_letter_not_work href=#>этот текст маленькой первой буквой.</a>

    Пример не работающего свойства first-letter

    Ну и далее разместим приведенный код "first-letter" прямо здесь:

    Как видим.. first-letter не работает!

    Давайте заставим работать first-letter!


  2. First-letter работает

    Для того, чтобы заставить "First-letter" работать вам понадобится:

    Всё, что я делал в первом пункте... чуть-чуть изменим и чуть-чуть добавим....

    Изменим класс:

    first_letter_work

    Добавим к данному классу что? Правильно! Свойство которое превратит нашу ссылку из display:inline в display: inline-block;

    Соберём весь код:

    Код работающего свойстве first-letter

    Css:

    <style>

    a.first_letter_work-letter {

    text-transform: uppercase;

    color: red;

    }

    a.first_letter_work {

    display: inline-block;

    }

    </style>

    Html:

    <a class=first_letter_work href=#>этот текст маленькой первой буквой.</a>

    Пример работающего свойства first-letter

    Далее - разместим приведенный код прямо здесь:

    Как видим:

    first-letter - прекрасно работает...

Можете не благодарить, лучше помогите!
Еще никто не прокомментировал! COMMENTS+   BBcode
Подписаться + =

dwweb.ru есть здесь:
Последние комментарии :
Марат :
18.11.2022 17:21
Как же я вами завидую! Сколько у вас свободного…
подробнее.
>" :
18.11.2022 17:18
Читать тяжело. Я еще фильтрацию тегов потыкаю, если вы не…
подробнее.
Марат :
18.11.2022 17:17
А как восклицательные знаки? С ними всё нормально??? Или нет??? Вы к ним как…
подробнее.
Марат :
18.11.2022 17:15
В мире много разных отклонений... по статистике примерно 10% человек в странах имеют такие.... Была у меня…
подробнее.
qwe"> :
18.11.2022 17:00
Читать тяжело. Я еще фильтрацию тегов потыкаю, если вы не…
подробнее.
Марат :
20.10.2022 10:10
Очень рад за Вас!
подробнее.
ruweb
Страница загружена за : 0.017321 секунд. Подробнее