CSS ਪਸ਼ਾ ਈਲੈਮੈਂਟ ਰੈਫਰੈਂਸ ਮੈਨੂਅਲ

CSS ਪਸ਼ੂ-ਪ੍ਰਤੀਕ

CSS ਪਸ਼ੂ-ਪ੍ਰਤੀਕ ਇਸ ਲਈ ਵਰਤੇ ਜਾਂਦੇ ਹਨ ਕਿ ਇਲਾਕਾ ਦਾ ਸਟਾਈਲ ਸੈਟ ਕਰਨ ਲਈ

ਉਦਾਹਰਣ ਵਿੱਚ ਇਹ ਇਸ ਤਰ੍ਹਾਂ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ:

  • ਐਲੀਮੈਂਟ ਦੇ ਪਹਿਲੇ ਅਕਸ਼ਰ ਜਾਂ ਪਹਿਲੇ ਪਰਿਵਾਰ ਦਾ ਸਟਾਈਲ ਸੈਟ ਕਰਦਾ ਹੈ
  • ਐਲੀਮੈਂਟ ਦੇ ਸਮਾਵੇਂ ਵਿੱਚ ਪਹਿਲਾਂ ਜਾਂ ਬਾਅਦ ਸਮਾਵੇਂ ਕਰਦਾ ਹੈ
  • ਸੂਚੀ ਅਂਤਰਾਂਕ ਦੇ ਟੈਗ ਦਾ ਸਟਾਈਲ ਸੈਟ ਕਰਦਾ ਹੈ
  • ਡਾਇਲਾਗ ਬੈਕਗਰਾਊਂਡ ਵਿਜ਼ੂਅਲ ਸਟਾਈਲ ਸੈਟ ਕਰਦਾ ਹੈ

ਹੇਠ ਦੇ ਸਾਰੇ ਪਸ਼ੂ-ਪ੍ਰਤੀਕਾਂ ਨੂੰ ਸ਼ਾਮਲ ਕਰਦਾ ਹੈ: CSS ਵਿੱਚ ਵੱਖ-ਵੱਖ ਪਸ਼ੂ-ਪ੍ਰਤੀਕ

ਪਸ਼ੂ-ਪ੍ਰਤੀਕ ਉਦਾਹਰਣ ਉਦਾਹਰਣ ਵਰਣਨ
::after p::after ਸ਼ਾਰਟਕੱਟ ਵਿੱਚ ਬਾਅਦ ਦੇ ਸਥਾਨ 'ਤੇ ਸਮਾਵੇਂ ਕਰਦਾ ਹੈ।
::backdrop dialog::backdrop ਡਾਇਲਾਗ ਜਾਂ ਪ੍ਰਕਾਸ਼ਿਤ ਐਲੀਮੈਂਟ ਦੇ ਬੈਕਗਰਾਊਂਡ ਵਿਜ਼ੂਅਲ ਸਟਾਈਲ ਸੈਟ ਕਰਦਾ ਹੈ।
::before p::before ਸ਼ਾਰਟਕੱਟ ਵਿੱਚ ਪਹਿਲਾਂ ਦੇ ਸਥਾਨ 'ਤੇ ਸਮਾਵੇਂ ਕਰਦਾ ਹੈ।
::file-selector-button ::file-selector-button ਇੱਕ <input type="file"> ਦੇ ਟੈਗ ਦੀ ਚੋਣ ਕਰਦਾ ਹੈ।
::first-letter p::first-letter ਹਰੇਕ <p> ਐਲੀਮੈਂਟ ਦੇ ਪਹਿਲੇ ਅਕਸ਼ਰ ਦੀ ਚੋਣ ਕਰਦਾ ਹੈ।
::first-line p::first-line ਹਰੇਕ <p> ਐਲੀਮੈਂਟ ਦੇ ਪਹਿਲੇ ਪਰਿਵਾਰ ਦੀ ਚੋਣ ਕਰਦਾ ਹੈ।
::grammar-error ::grammar-error ਬਰਾਉਜ਼ਰ ਟੈਗ ਨੂੰ ਗਰੱਭਗ੍ਰਹਿ ਟੈਕਸਟ ਸਟਾਈਲ ਸੈਟ ਕਰਦਾ ਹੈ।
::highlight() ::highlight(custom-name) ਪਰਿਵਾਰਿਤ ਹਾਇਲਾਈਟਿੰਗ ਦੀ ਚੋਣ ਕਰਦਾ ਹੈ।
::marker ::marker ਸੂਚੀ ਅਂਤਰਾਂਕ ਦੇ ਟੈਗ ਦੀ ਚੋਣ ਕਰਦਾ ਹੈ।
::placeholder input::placeholder <input> ਜਾਂ <textarea> ਐਲੀਮੈਂਟ ਦੇ ਪਲੇਸਹੋਲਡਰ ਟੈਕਸਟ ਦਾ ਸਟਾਈਲ ਸੈਟ ਕਰਦਾ ਹੈ।
::selection ::selection ਉਪਯੋਗਕਰਤਾ ਚੁਣੇ ਹੋਏ ਟੈਕਸਟ ਦਾ ਸਟਾਈਲ ਸੈਟ ਕਰਦਾ ਹੈ।
::spelling-error ::spelling-error ਬਰਾਉਜ਼ਰ ਟੈਗ ਨੂੰ ਗਰੱਭਗ੍ਰਹਿ ਟੈਕਸਟ ਸਟਾਈਲ ਸੈਟ ਕਰਦਾ ਹੈ।
::view-transition ::view-transition ਦਰਸ਼ਨ ਟਰਾਂਜ਼ੀਸ਼ਨ ਲੈਪਿੰਗ ਦੇ ਮੂਲ ਦਰਸ਼ਨ, ਪੰਜੀਬੂ ਉੱਤੇ ਸਾਰੇ ਦਰਸ਼ਨ ਟਰਾਂਜ਼ੀਸ਼ਨ ਨੂੰ ਸ਼ਾਮਲ ਕਰਦਾ ਹੈ।
::view-transition-group ::view-transition-group ਇੱਕ ਦਰਸ਼ਨ ਟਰਾਂਜ਼ੀਸ਼ਨ ਸਨਾਪ ਗਰੁੱਪ ਦੇ ਪ੍ਰਦਰਸ਼ਨ ਕਰਦਾ ਹੈ।
::view-transition-image-pair ::view-transition-image-pair ਪ੍ਰਦਰਸ਼ਨ ਟਰਾਂਜ਼ੀਸ਼ਨ ਦੇ 'ਪੁਰਾਣੇ' ਅਤੇ 'ਨਵੇਂ' ਦਰਸ਼ਨ ਸਥਾਨ ਦਾ ਕੰਟੇਨਰ (ਟਰਾਂਜ਼ੀਸ਼ਨ ਪਹਿਲਾਂ ਅਤੇ ਬਾਅਦ)।
::view-transition-new ::view-transition-new ਦਰਸ਼ਨ ਟ੍ਰਾਂਜਿਸ਼ਨ ਦੇ 'ਨਵੇਂ' ਦਰਸ਼ਨ ਸਥਿਤੀ ਦਰਸਾਉਂਦਾ ਹੈ。
::view-transition-old ::view-transition-old ਦਰਸ਼ਨ ਟ੍ਰਾਂਜਿਸ਼ਨ ਦੇ 'ਪੁਰਾਣੇ' ਦਰਸ਼ਨ ਸਥਿਤੀ ਦਰਸਾਉਂਦਾ ਹੈ。