CSS marker-mid ਸਪੈਸ਼ੀਅਲ ਪ੍ਰਾਪਰਟੀ
- ਪਿੰਨਾ ਪੰਨਾ marker-end
- ਅਗਲਾ ਪੰਨਾ marker-start
ਪਰਿਭਾਸ਼ਾ ਅਤੇ ਵਰਤੋਂ
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 ਸਪੈਸ਼ੀਅਲ ਪ੍ਰਾਪਰਟੀ
- ਪਿੰਨਾ ਪੰਨਾ marker-end
- ਅਗਲਾ ਪੰਨਾ marker-start