В связи с переходом на новый движок... возможны сбои в работе! Простите!
Работы производятся прямо сейчас 25-02-2024! 🞨
Меню :
css (131)



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

Не стесняемся говорить спасибо!
Ещё : dwweb.ru есть здесь:
ruweb
Все статьи авторские, при копироавании активная ссылка обязательна DwWeb.ru! © 2015 - 2024 Контакты. Реклама на сайте Лучший хостинг : RUWEB + помощь по RUWEB
Страница загружена за : 0.014117 секунд. Подробнее