Войти
Меню :
css (138)



Blog (1572)
php (388)
js (294)
html (151)
css (138)
html tags (62)
js tag (56)
js method (44)
jquery (42)
php array (38)
text (37)
ruweb.net (37)
js date (33)
online (30)
fonts (30)
form html (30)
Показать еще :
js events (22)
php file (21)
other (21)
atom (20)
foto (20)
database (19)
forum (19)
input (19)
php date (18)
svg (18)
lingvo (17)
info (17)
hosting (17)
mysql (17)
php img (16)
board (16)
php time (16)
dosite (16)
color (15)
img (14)
js url (14)
jsphp (14)
js time (14)
html book (14)
table (13)
знак (13)
htaccess (13)
osclass (13)
yandex (13)
notepad (13)
select (13)
dw block (12)
download (12)
keyboard (12)
php path (12)
$ server (11)
icon (11)
form (10)
vs code (10)
js delete (10)
browser (10)
chart (10)
mouse (10)
ftp (9)
hover (8)
php url (7)
php post (7)
comment (7)
js vars (6)
php get (6)
adminka (6)
hey tag (6)
iframe (6)
click (6)
list (6)
canvas (6)
tag a (5)
web (5)
нок (5)
js id (5)
heading (5)
value (5)
js math (5)
reg.ru (5)
console (5)
mb (5)
js file (5)
year (5)
vk (4)
scandir (4)
xml (4)
task (4)
month (4)
base64 (4)
pages (4)
day (4)
bbcode (4)
js form (4)
ssl (4)
week (4)
js hash (4)
numbers (4)
php var (4)
symbols (4)
youtube (4)
games (4)
submit (4)
aimp (3)
units (3)
file (3)
video (3)
рся (3)
captcha (3)
line (3)
padding (3)
js post (3)
ucoz (3)
https (3)
jquery post (3)
куб (3)
money (3)
domen (3)
qr code (2)
details (2)
height (2)
src (2)
counter (2)
tag hr (2)
sitemap (2)
prompt (2)
seo (2)
arrows (2)
google (2)
blob (2)
js img (2)
typeof (2)
scroll (1)
rutube (1)
windows (1)
cursor (1)
jino (1)
speed (1)
lingvo (1)
ok (1)
archive (1)
smile (1)
php day (1)
нод (1)
webp (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:first-letter {

    text-transform: uppercase !important;

    color: red;

    }

    a.first_letter_work {

    display: inline-block;

    }

    </style>

    Html:

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

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

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

    Как видим:
    first-letter - прекрасно работает...
Не стесняемся говорить спасибо!
Помочь проекту DwWeb.ru

Поделиться ссылкой! C друзьями или врагами!

Этим вы очень поможете проекту! Заранее огромное спасибо!

На сайте сейчас :
dwweb.ru есть здесь:
Все соцсети в одном месте!
Ещё :Игра "пятнашки"
Угадай страну по флагу
+
Как сделать сайт?
Md5 онлайн
Списки шифрования
Sitemap.html
Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2024 Контакты. Лучший хостинг : RUWEB + помощь по RUWEB Сайт работает круглосуточно 24/7.
Страница загружена за : 0.01946 секунд.