← Rudi kwenye Vipengele
Free

Mkaguzi wa CSS

Mkaguzi wa CSS ni zana yenye nguvu na ya bure kwa watengenezaji inayokuruhusu kupitisha kishale juu ya kipengele chochote kwenye ukurasa wa wavuti na kuona mara moja sifa zake za CSS zilizokokotolewa.

Iwe unarekebisha matatizo ya mpangilio au unasoma tovuti unayoipenda, CSS Inspector hutoa kila kitu unachohitaji katika dokezi safi inayoelea. Kagua kwa urahisi bila kufungua DevTools za kivinjari.

Uhakiki wa Moja kwa Moja
example.com/landing-page CSS Inspector: ON
Hover any element to inspect its CSS
Sign Up Now
button.cta-primary
180 × 48 top: 312px · left: 40px
CSS Properties Locked
<button> .cta-primary
BOX MODEL
margin: 0
padding: 12 24
180 × 48
Typography
font-familyJost, sans-serif
font-size16px
font-weight600
color#ffffff
Layout & Spacing
displayinline-flex
padding12px 24px
border-radius8px
Appearance
background#7c3aed
cursorpointer
transitionall 0.2s ease
Copy All CSS Edit
Vipengele Muhimu

Onyesho la Sifa la Muda Halisi

Ona fonti, saizi, rangi, nafasi na mengineyo papo hapo unapoelekeza kipanya juu ya kipengele chochote.

Bofya ili Kufungia

Bofya kwenye kipengele ili kufunga dokezi ili isipotee, ikiruhusu ukaguzi wa kina.

Uhariri wa Mtindo Moja kwa Moja

Bofya mara mbili kwenye thamani ili kuzibadilisha moja kwa moja. Masahihisho yako yanaonekana papo hapo kwenye ukurasa.

Nakili kwa Mbofyo Mmoja

Nakili sifa binafsi au kitalu chote cha mitindo ya usanifu kwenye ubao wako wa kunakili kwa mbofyo mmoja.

Taswira ya Mfano wa Sanduku

Ona pambizo, mipaka na thamani za padding kwa macho.

Saizi na Nafasi ya Kipengele

Huonyesha upana, urefu na nafasi ya kipengele kwenye ukurasa.

Unachoweza Kukagua

CSS Inspector inaonyesha sifa zaidi ya 40:

Uandishi wa herufi

  • font-family
  • font-size
  • font-weight
  • line-height
  • letter-spacing
  • text-align
  • text-transform
  • color

Mfano wa Sanduku

  • width
  • height
  • padding
  • margin
  • border
  • border-radius
  • box-sizing

Mpangilio

  • display
  • position
  • top
  • right
  • bottom
  • left
  • z-index
  • float
  • overflow

Usuli

  • background-color
  • background-image
  • background-size
  • background-position

Athari

  • opacity
  • box-shadow
  • text-shadow
  • transform
  • transition
  • cursor
Matumizi ya Kawaida

Kutatua Matatizo ya Mpangilio

Kagua vipengele ambavyo havijatengenezwa vizuri kwa usahihi.

Jifunze kutoka kwa Miundo Iliyopo

Soma mitindo ya tovuti zako unazozipenda.

Majaribio ya Haraka ya Usanifu

Jaribu mabadiliko kabla ya kuandika nambari.

Mapitio ya Wateja

Onyesha mabadiliko ya moja kwa moja wakati wa mikutano.

Uchukuaji wa Mtindo

Pata nambari ya CSS kwa vipengele vipya kwa urahisi.

Jinsi ya Kutumia
1

Washa CSS Inspector

Bofya aikoni ya CSS Inspector kwenye upau wa zana wa DevSuite Pro.

2

Elekeza ili Kukagua

Hamisha kielekezi chako juu ya kipengele chochote ili kuona sifa zake.

3

Bofya ili Kufungia

Bofya kwenye kipengele ili kubandika dokezi.

4

Hariri Mitindo

Bofya mara mbili kwenye thamani ili kuzirekebisha.

5

Nakili na Utumie

Nakili nambari iliyosasishwa na uitumie kwenye mradi wako.

Uko Tayari Kujaribu? Mkaguzi wa CSS?

Sakinisha DevSuite Pro bila malipo na ufungue zana 39+ za wasanidi kwa kivinjari chako.

Ongeza kwenye Chrome Ongeza kwa Edge Ongeza kwenye FireFox