CSS ::before mifupi

Ufafanuzi na matumizi

CSS ::before Mifupi inatumika kwenye kuingiza zawadi kwenye maelezo ya elementi yenye uwanja wa kwanza.

Kutumia content Wazitoa inasema zawadi iliyotumika. Matokeo wa content inaweza kuwa:

• Maneno: content: "Hello world!";
• Picha: content: url(myimage.jpg);
• Bila zawadi: content: none;
• Kichwa cha kifaa: content: counter(li);
• Makabla: content: open-quote;
• Wazitoa: content: " (" attr(href) ")";

Mambo ya kuzingatia:Taradhi: zawadi zilizotumika hazina hufikia nje ya elementi zilizotumika. Zawadi zilizotumika zizatangazwa kwenye zawadi zingine zilizotumika kwenye elementi hii.

Kutumia ::after Weka zawadi zingine kwenye maelezo ya elementi yenye uwanja wa kwanza.

Mfano

Mfano 1

Weka nafasi yenye maandiko kwenye kikoa cha <p> kila mara:

p::before {
  content: "Sakina hii: ";
}

Tukifanya kwa mafunzo

Mfano 2

Weka nafasi yenye maandiko kwenye kikoa cha <p> kila mara na ukinga wa kumengenea zawadi:

p::before {
  content: "Sakina hii -";
  background-color: yellow;
  color: red;
  font-weight: bold;
}

Tukifanya kwa mafunzo

Makadaro ya CSS

::before {
  mashirika ya css;
}

Vifaa vya teknolojia

Muungano wa browseri

Inanamba za mifano kwenye tabia inasema kiwango cha browseri kwanza ambazo zinaongea kwa upungufu wa mifupi hii.

makala ya muhimu

mudokeo:mifupi ::after

matokeo:mifupi ::after