CSS marker-mid ਸਪੈਸ਼ੀਅਲ ਪ੍ਰਾਪਰਟੀ

ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ

marker-mid ਗੁਣ ਇੱਕ ਟੈਗ ਨੂੰ ਸੰਦਰਭਿਤ ਕਰਦਾ ਹੈ ਜਿਸ ਨੂੰ ਰੂਪ ਰੇਖਾ ਦੇ ਸਾਰੇ ਕੇਂਦਰੀ ਉੱਚੇ ਉੱਤੇ ਚਿੱਤਰਿਤ ਕੀਤਾ ਜਾਵੇਗਾ

ਟੈਗ ਦੀ ਰੂਪ ਰੇਖਾ SVG <marker> ਉਪਬੰਧ ਵਿੱਚ ਦੱਸੀ ਗਈ ਹੈ ਅਤੇ url() ਮੁੱਲ ਰਾਹੀਂ ਸੰਦਰਭਿਤ ਕੀਤੀ ਗਈ ਹੈ

CSS marker-mid ਗੁਣ ਦਾ ਮੁੱਲ SVG ਵਿੱਚ marker-mid ਗੁਣ ਦੇ ਮੁੱਲ ਨੂੰ ਖਾਸ ਕਰਕੇ ਲਾਗੂ ਕਰਦਾ ਹੈ

ਇੰਸਟੈਂਸ

ਉਦਾਹਰਣ 1

ਇੱਕ ਟੈਗ (ਹਟਕਾ) ਦੀ ਸੰਦਰਭ ਦੇਣ ਵਾਲੀ ਹੈ ਜਿਸ ਨੂੰ ਰੂਪ ਰੇਖਾ ਦੇ ਸਾਰੇ ਕੇਂਦਰੀ ਉੱਚੇ ਉੱਤੇ ਚਿੱਤਰਿਤ ਕੀਤਾ ਜਾਵੇਗਾ:

#test {
  marker-mid: url(#arrow);
}

ਆਪਣੇ ਅਨੁਭਵ ਲਈ ਪ੍ਰਯੋਗ ਕਰੋ

ਉਦਾਹਰਣ 2

ਇੱਕ ਟੈਗ (ਸਰਕਲ) ਦੀ ਸੰਦਰਭ ਦੇਣ ਵਾਲੀ ਹੈ ਜਿਸ ਨੂੰ ਰੂਪ ਰੇਖਾ ਦੇ ਸਾਰੇ ਕੇਂਦਰੀ ਉੱਚੇ ਉੱਤੇ ਚਿੱਤਰਿਤ ਕੀਤਾ ਜਾਵੇਗਾ:

#test {
  marker-mid: url(#circle);
}

ਆਪਣੇ ਅਨੁਭਵ ਲਈ ਪ੍ਰਯੋਗ ਕਰੋ

CSS ਗਰੰਥ

marker-mid: none|url|initial|inherit;

ਗੁਣ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
ਰੂਪ ਰੇਖਾ ਦੇ ਕੇਂਦਰੀ ਉੱਚੇ ਉੱਤੇ ਕੋਈ ਨਾਟਕ ਨਹੀਂ ਚਿੱਤਰਿਤ ਹੋਵੇਗਾ ਮੂਲ ਮੁੱਲ
url SVG <marker> ਉਪਬੰਧ ਵਿੱਚ ਦੱਸੀ ਗਈ ਟੈਗ ਦੀ URL ਨੂੰ ਰੂਪ ਰੇਖਾ ਦੇ ਕੇਂਦਰੀ ਉੱਚੇ ਉੱਤੇ ਨਾਟਕ ਕਰੋ
initial ਇਸ ਗੁਣ ਨੂੰ ਮੂਲ ਮੁੱਲ ਰੱਖੋ। ਦੇਖੋ initial
inherit ਆਪਣੇ ਮਾਤਾ ਉਪਬੰਧ ਤੋਂ ਇਸ ਗੁਣ ਨੂੰ ਵਾਪਸ ਲੈਣ ਦੇਣ। ਦੇਖੋ inherit

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਸਪਰੈਡਸ਼ਨ ਵਿੱਚ ਦਿਖਾਈ ਦੇਣ ਵਾਲੇ ਨੰਬਰ ਇਸ ਲਈ ਪਹਿਲਾ ਪੂਰਨ ਤਰੀਕੇ ਨਾਲ ਸਮਰਥਿਤ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਹਨ।

ਚਰਾਮਸ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
80 80 72 13.1 67

ਸਬੰਧਤ ਪੰਨੇ

ਟੂਰੀਜ਼:SVG ਮਾਰਕਰ

ਸਬੰਧਤ:CSS marker ਸਪੈਸ਼ੀਅਲ ਪ੍ਰਾਪਰਟੀ

ਸਬੰਧਤ:CSS marker-start ਸਪੈਸ਼ੀਅਲ ਪ੍ਰਾਪਰਟੀ

ਸਬੰਧਤ:CSS marker-end ਸਪੈਸ਼ੀਅਲ ਪ੍ਰਾਪਰਟੀ